body {color:#333333} a{color:#333333}a:active,a:hover {color:#333333} @media (min-width: 1570px) {.container{ width: 1570px; }} @media (min-width: 1900px) {.container{ width: 1570px; }} #Top{ width:100%; float:left; overflow:hidden;} .container-fluid{ padding:0; width:100%;} .container{ padding:0;} /*头*/ #Top .top{ height:89px; position:fixed; left:0; top:0; z-index:9; border-bottom:solid 1px white; border-bottom:solid 1px rgba(255,255,255,0.4);} #Top .top .logo{ float:left; height:96px; line-height:88px; display:table;} #Top .top .logo a{ display:table-cell; line-height:0; vertical-align:middle; margin-top:-3px;} #Top .top .logo a img{ height:56px;} #Top .top .lang{ float:right; position:relative; margin-top:31px; height:24px; width:64px; overflow:hidden; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px;} #Top .top .lang li{ float:left; width:50%; text-align:center;} #Top .top .lang li a{ display:block; width:100%;line-height:24px; color:#666; font-size:14px; background:white;} #Top .top .lang li a:hover,#Top .top .lang li.on a{ color:white; background:#3eaf0c;} #Top .top.on{ background:rgba(0,0,0,0.6);} #Top .menu{ z-index:99; float:right; margin-right:25px;} #Top .menu > ul{ float:left; width:100%;} #Top .menu ul .nli{ float:left; text-align:center; z-index:99; position:relative;} #Top .menu ul .nli span a{ display:block; white-space:nowrap; width:100%; float:left; height:88px; line-height:88px; color:#fff; text-align:center; font-size:16px; position:relative; padding:0 25px;} #Top .menu ul .nli.on span a,#Top .menu ul .nli:hover span a{ color:#3eaf0c;} /*下拉菜单（漂浮在menu .nli上）*/ #Top .sub { z-index:21; position:absolute; float:left; clear:both; width:160px; left: 50%; margin-left: -80px;top:100% !important; display:none; padding:5px 15px 19px 15px; background:rgba(0,0,0,0.6);} #Top .sub .ul1{ width:100%;} #Top .sub .l2{ width:100%; float: left; position: relative; margin-top:12px;} #Top .sub .l2 .l2_a{ line-height: 32px; width:100%; display:block; font-size: 14px; float:left; color:#fff;} #Top .sub .l2:hover .l2_a { background:#3eaf0c;} #Top .sub .ul2 { float:left; /* position:absolute; left:100%; top:20px;*/ display:none; margin:0px; width:100%; overflow:hidden;background:url(/template/theme/CN/2289_bg_8.png);/* box-shadow:0 3px 16px rgba(0,0,0,0.15);*/} #Top .sub .ul2 .l3{ float:left; position:static; padding:0; margin:0; width: 100%; height: 40px; line-height:40px; float:left; font-size:12px; color:#333; text-align:left;} #Top .sub .ul2 .l3 .l3_a{ padding:0px 20px; line-height: 40px; width:100%; display:block; float:left; color:#333333; background-position:left center;} #Top .sub .ul2 .l3:hover .l3_a { color:#fff; background: url(/template/theme/CN/2289_bg_3.png);} #Top .menu ul .nli:hover .sub{ display:block; -webkit-animation:fadeInUp1 0.5s 0s ease both; -moz-animation:fadeInUp1 0.5s 0s ease both;} @-webkit-keyframes fadeInUp1{ 0%{opacity:0; -webkit-transform:translateY(30px)} 100%{opacity:1; -webkit-transform:translateY(0)} } @-moz-keyframes fadeInUp1{ 0%{opacity:0; -moz-transform:translateY(30px)} 100%{opacity:1; -moz-transform:translateY(0)} } #Top .pf_menu_bg{ width:100%; height: 100%; position:fixed; left:0; top:0 !important; z-index:6; background:rgba(0,0,0,0.6); display:none;} #Top .pf_menu_bg.on{ display:block;} #Top .pf_menu{ position:fixed; height:100%; width:250px; overflow-y:auto; right:-100%;background:rgba(0,0,0,0.6); top:55px; z-index:7; display:block; float: left; border-left:solid 1px rgba(255,255,255,0.45); -webkit-transition: all 0.6s ease-out 0s; -moz-transition: all 0.6s ease-out 0s; -o-transition: all 0.6s ease-out 0s; transition: all 0.6s ease-out 0s;} #Top .ph_menu{ float:left; width:100%; text-align:center;} #Top .pf_menu.on_1{ right:0;} #Top .nav_box{ width:100%; float:left;} #Top .ph_menu .nli{ float:left; width:100%; border-bottom:solid 1px rgba(255,255,255,0.45);} #Top .ph_menu .nli span{ float:left; width:100%; padding:0 15px 0 15px; position:relative;} #Top .ph_menu .nli .l1_a{ float:left; width:100%; color:#3eaf0c; font-size:14px; line-height:20px; padding: 12px 0; letter-spacing: 1px;} #Top .ph_menu .nli .l2_ul{ display:none; height:auto; float:left; width:100%; padding: 5px 15px; background:#3eaf0c;} #Top .ph_menu .nli .l2_ul li a{ line-height:34px; font-size:12px; color:#fff; text-transform:uppercase; opacity:0.8;} #Top .ph_menu .nli .l2_ul li a:active{ opacity:1;} #Top .ph_menu .nli span i{ position:absolute; right:5%; top:50%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #Top .ph_menu .nli span i:before,#Top .ph_menu .nli span i:after{ content:''; width:6px; height:1px; background:#3eaf0c; transform:rotate(45deg); transform-origin:right bottom; position:absolute; right:-3px; top:0;} #Top .ph_menu .nli span i:after{ transform:rotate(-45deg); transform-origin:right top;} #Top .ph_menu .nli.on span i{ transform:rotate(90deg);} #Top .ph_menu .lang{ width:100%; float:left; text-align:center; padding:0 5%; margin-top:20px;} #Top .ph_menu .lang a{ display:inline-block; padding:0 20px; font-size:12px; line-height:24px; color:#3eaf0c; letter-spacing:1px; position:relative;} #Top .ph_menu .lang a:before{ content:''; width:1px; height:10px; background:#e6e6e6; opacity:0.8; position:absolute; left:0; top:50%; margin-top:-5px;} #Top .ph_menu .lang a:first-child:before{ display:none;} @media screen and (max-width:1570px){ #Top .menu ul .nli span a{ padding:0 15px;} } @media screen and (max-width:1200px){ #Top .menu ul .nli span a{ padding:0 12px;} #Top .top .logo a img{ height:40px;} } @media screen and (max-width:992px){ #Top .top .menu{ display: none;} #Top .top{ height:55px; padding:0 10px;} #Top .top .lang{ float:left; margin-top:15px;} #Top .top .logo{ height:54px; width:120px; position:absolute; left:50%; top:0; margin-left:-60px; text-align:center;} #Top .top .logo a img{ height:30px;} #Top .menuph{ float:right; cursor: pointer; width: 30px; height: 55px; text-align: center; display: block;} #Top .menuph .point { display: inline-block; width: 30px; height: 30px; margin-top: 12px; position: relative; background:#3eaf0c;-moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #Top .menuph .navbtn { position: absolute; top: 15px; left: 8px; display: inline-block; width: 14px; height: 1px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #fff; } #Top .menuph .navbtn::after, #Top .menuph .navbtn::before { position: absolute; left: 0; display: inline-block; width: 14px; height: 1px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #fff; } #Top .menuph .navbtn::after { top:-5px; width:8px;} #Top .menuph .navbtn::before { top:5px; } #Top .menuph .point.active .navbtn{ background: transparent; } #Top .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; width:14px;} #Top .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;} #Top .h56{ width:100%; float:left; height:56px;} } @media screen and (max-width:768px){ } #Slide{ width:100%; float:left; overflow:hidden;} .container-fluid{ padding:0; width:100%;} .container{ padding:0;} /*首页banner*/ #Slide .indexBanner{ position:relative; min-height:120px;} #Slide .indexBanner .banner{ width:100%; float:left; position:relative;} #Slide .indexBanner .banner img{ width:100%; float:left;} #Slide .indexBanner .slick-dots { position: absolute; bottom:38px; right:0; top:auto; display: block; width: 100%; padding: 0; list-style: none; text-align: center; } #Slide .indexBanner .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 53px; padding: 0; cursor: pointer; border:solid 1px white; vertical-align:top; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; } #Slide .indexBanner .slick-dots li:before{ content:''; width:14px; height:14px; background:white; position:absolute; left:50%; top:50%; margin:-7px 0 0 -7px; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #Slide .indexBanner .slick-dots li:after{ content:''; width:106px; height:1px; position:absolute; left:-106px; top:50%; margin-top:-1px; background:white; opacity:0.3;} #Slide .indexBanner .slick-dots li:first-child:after{ background:none;} #Slide .indexBanner .slick-dots li button{ display:none;} #Slide .indexBanner .slick-dots li.slick-active { border-color:#3eaf0c; } #Slide .indexBanner .slick-dots li.slick-active:before{ background:#3eaf0c;} @media screen and (max-width:1570px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Slide .indexBanner .slick-dots li { width: 14px; height: 14px; margin: 0 20px; } #Slide .indexBanner .slick-dots li:before{ width:8px; height:8px; margin:-4px 0 0 -4px;} #Slide .indexBanner .slick-dots li:after{ width:40px; left:-40px;} #Slide .indexBanner .slick-dots{ bottom:20px;} } @media screen and (max-width:768px){ #Slide .indexBanner .slick-dots{ bottom:10px;} #Slide .indexBanner .slick-dots li{ margin:0 15px;} #Slide .indexBanner .slick-dots li:after{ width:30px; left:-30px;} } #Down{ width:100%; float:left; overflow:hidden;} .container-fluid{ padding:0; width:100%;} .container{ padding:0;} #Down .footer{ padding:42px 0 0 0;} #Down .footer dl{ width:100%; float:left;} #Down .footer dl dd{ width:11.5%; float:left;} #Down .footer dl dd .title{ width:100%; font-size:16px; color:white; line-height:28px; letter-spacing:1px; padding-bottom:14px; position:relative;} #Down .footer dl dd .title:before{ content:''; position:absolute; left:0; bottom:0; width:68px; height:1px; background:rgba(255,255,255,0.1);} #Down .footer dl dd .title:after{ content:''; position:absolute; left:0; bottom:0; width:32px; height:2px; background:#3eaf0c; z-index:2;} #Down .footer dl dd ul{ width:100%; margin-top:13px;} #Down .footer dl dd ul li{ width:100%;} #Down .footer dl dd ul li a{ font-size:16px; color:white; line-height:36px; opacity:0.5; letter-spacing:1px; text-transform:uppercase;} #Down .footer dl dd ul li a:hover{ opacity:1;} #Down .footer dl dd.dd1{ width:29%;} #Down .footer dl dd.dd1 ul li{ padding-left:23px; font-size:16px; color:white; line-height:36px; color:rgba(255,255,255,0.5); position:relative;} #Down .footer dl dd.dd1 ul li .ico{ position:absolute; left:0; top:0; width:16px; position:absolute; left:0; top:6px;} #Down .footer dl dd.dd1 .title{ color:#3eaf0c; font-weight:bold;} #Down .footer dl dd.dd1 .title:before{ width:100%;} #Down .footer .down{ background:#323233; line-height:50px; text-align:center; width:100%; font-size:16px; color:white; opacity:0.5; margin-top:68px;} #Down .footer .down a{color:white;} /*右侧漂浮*/ #Down .zpf_right{ position:fixed; right:0; width:92px; top:50%; background:#fff; padding:5px; z-index:5; border:solid 1px #e5e5e5;} #Down .zpf_right li{ float:right; width:80px; position:relative; cursor:pointer; margin-top:1px;} #Down .zpf_right li .zbox{ text-align:center; width:80px; height:80px; float:left; background:#b8b8b8;} #Down .zpf_right li .zbox .ico{ width:100%; height:35px; float:left; margin-top:10px; height:40px;} #Down .zpf_right li .zbox .ico img{ height:100%;} #Down .zpf_right li .zbox h5{ width:100%; float:left; font-size:14px; color:#fff; line-height:22px;} #Down .zpf_right li:hover .zbox{ background:#3eaf0c;} #Down .zpf_right .zrighttel{ padding:0 15px; min-width:200px; height:80px; line-height:80px; background:#3eaf0c; position:absolute; right:86px; top:0; display:none;} #Down .zpf_right .zrighttel span{ display:inline-block; vertical-align:middle; font-size:18px; line-height:26px; color:white; width:100%; text-align:center;} #Down .zpf_right .zrightewm{ width:132px; height:127px; position:absolute; right:92px; top:0; display:none; padding:13px 18px 13px 13px; background:url(/template/theme/CN/2291_right6.png) no-repeat center center; background-size:contain;} #Down .zpf_right .zrightewm img{ width:100%; float:left;} #Down .zpf_right li:hover .zrightewm,#Down .zpf_right li:hover .zrighttel{ display:block;} #Down .zpf_right.on{ position:fixed; top:50%; margin-top:-193px;} @media screen and (max-width:1570px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Down .footer{ padding:20px 0 0 0;} #Down .footer dl dd{ display:none;} #Down .footer dl dd.dd1{ display:block; width:100%; padding:0 20px;} #Down .footer .down{ line-height:40px; font-size:14px; margin-top:34px;} #Down .zpf_right{ display:none;} } @media screen and (max-width:768px){ #Down .footer{ padding:20px 0 0 0;} #Down .footer dl dd.dd1 .title{ display:none;} #Down .footer dl dd.dd1{ padding:0 10px;} #Down .footer dl dd ul{ margin-top:0;} #Down .footer dl dd.dd1 ul li{ padding-left:20px; font-size:14px; line-height:30px;} #Down .footer dl dd.dd1 ul li .ico{ width:12px; top:4px;} #Down .footer .down{ padding:10px; line-height:22px; font-size:12px; margin-top:20px;} } #Content{ width:100%; float:left; overflow:hidden;} .container-fluid{ padding:0; width:100%;} .container{ padding:0;} #Content .index1{ padding:74px 0 80px 0;} #Content .index1 .pic{ float:right; width:34%; height:712px; margin-top:7px;} #Content .index1 .text{ float:left; width:58.9%; background:url(/template/theme/CN/2292_index2.png) no-repeat 97% 78px;} #Content .indexHead{ width:100%; float:left; position:relative; padding-left:24px;} #Content .indexHead h3{ width:100%; float:left; font-size:34px; color:#3eaf0c; line-height:48px; font-weight:bold; letter-spacing:1px;} #Content .indexHead h5{ width:100%; float:left; font-size:18px; color:#3eaf0c; line-height:30px; letter-spacing:1px;} #Content .indexHead:before{ content:''; width:4px; height:66px; background:#3eaf0c; position:absolute; left:0; top:50%; margin-top:-33px;} #Content .index1 .text .title{ width:100%; margin-top:57px; float:left; padding-left:24px; font-size:26px; color:#333; line-height:40px; letter-spacing:1px;} #Content .index1 .text .content{ width:100%; float:left; margin-top:21px; padding-left:24px; font-size:16px; color:#666; line-height:30px; letter-spacing:1px; height:180px; overflow:hidden;display: -webkit-box; text-overflow: ellipsis;-webkit-line-clamp: 6;-webkit-box-orient: vertical;word-break: break-all;} #Content .index1 .text .detail{ width:100%; float:left; margin-top:49px; padding-left:24px;} #Content .index1 .text .detail a{ display:block; float:left; width:144px; height:40px; line-height:40px; text-align:center; font-size:16px; color:white; letter-spacing:1px; background:#3eaf0c;} #Content .index1 .text .detail a span{ display:inline-block; vertical-align:middle; margin:-3px 6px 0 0; width:16px; height:16px; border:solid 3px white; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #Content .index1 .text .detail a:hover{ background:#222;} #Content .index1 .text ul{ width:90%; float:left; margin-top:58px; margin-left:24px; border:solid 1px #dbdbdb; padding:49px 0 59px 0; text-align:center; overflow:hidden;} #Content .index1 .text ul li{ width:25%; float:left; position:relative;} #Content .index1 .text ul li h4{ width:100%; font-size:26px; color:#666; line-height:50px;} #Content .index1 .text ul li h4 span{ font-weight:bold; font-size:40px; color:#3eaf0c; font-family:Arial;} #Content .index1 .text ul li h5{ width:100%; font-size:18px; color:#666; line-height:34px;} #Content .index1 .text ul li:before{ content:''; width:1px; height:74px; position:absolute; left:-1px; bottom:0; background:black; opacity:0.14;} @media screen and (max-width:1570px){ } @media screen and (max-width:1200px){ #Content .index1 .text ul{ width:95%; padding:30px 0 35px 0;} #Content .index1 .pic{ height:670px;} } @media screen and (max-width:992px){ #Content .index1{ padding:40px 0 50px 0;} #Content .indexHead{ padding-left:20px;} #Content .indexHead h3{ font-size:28px; line-height:42px; letter-spacing:0px;} #Content .indexHead h5{ font-size:16px; line-height:24px; letter-spacing:0px;} #Content .indexHead:before{ width:3px; height:50px; margin-top:-25px;} #Content .index1 .text{ background-size:200px auto;} #Content .index1 .text .title{ margin-top:30px; padding-left:20px; font-size:20px; line-height:30px; letter-spacing:0px;} #Content .index1 .text .content{ margin-top:10px; padding-left:20px; font-size:14px; line-height:24px; letter-spacing:0px; height:144px;} #Content .index1 .text .detail{ margin-top:30px; padding-left:20px;} #Content .index1 .text .detail a{ width:120px; height:34px; line-height:34px; font-size:14px; letter-spacing:0px;} #Content .index1 .text ul{ margin-left:20px; padding:20px 0 23px 0; margin-top:30px;} #Content .index1 .text ul li h4{ font-size:20px; line-height:40px;} #Content .index1 .text ul li h4 span{ font-size:30px;} #Content .index1 .text ul li h5{ font-size:14px; line-height:28px;} #Content .index1 .pic{ height:480px;} } @media screen and (max-width:768px){ #Content .index1{ padding:20px 10px 25px 10px;} #Content .indexHead{ padding-left:0px; text-align:center;} #Content .indexHead h3{ font-size:22px; line-height:36px;} #Content .indexHead h5{ font-size:14px; line-height:20px;} #Content .indexHead:before{ display:none; width:2px; height:20px; margin-top:0px; top:10px;} #Content .index1 .text{ width:100%; background-size:100px auto;} #Content .index1 .text .title{ margin-top:20px; padding-left:0px; font-size:16px; line-height:26px;} #Content .index1 .text .content{ margin-top:6px; padding-left:0px; font-size:12px; line-height:20px; height:118px;} #Content .index1 .text .detail{ margin-top:20px; padding-left:0px;} #Content .index1 .text .detail a{ width:100px; height:30px; line-height:30px; font-size:12px;} #Content .index1 .text ul{ margin-left:0px; width:100%; padding:10px 0 11px 0; margin-top:20px;} #Content .index1 .text ul li h4{ font-size:14px; line-height:30px;} #Content .index1 .text ul li h4 span{ font-size:20px;} #Content .index1 .text ul li h5{ font-size:12px; line-height:22px;} #Content .index1 .text ul li:before{ height:54px;} #Content .index1 .pic{ height:300px; width:100%;} } #Content2{ width:100%; float:left; overflow:hidden;} .container-fluid{ padding:0; width:100%;} .container{ padding:0;} #Content2 .indexHead{ width:100%; float:left; position:relative; padding-left:24px;} #Content2 .indexHead h3{ width:100%; float:left; font-size:34px; color:#3eaf0c; line-height:48px; font-weight:bold; letter-spacing:1px;} #Content2 .indexHead h5{ width:100%; float:left; font-size:18px; color:#3eaf0c; line-height:30px; letter-spacing:1px;} #Content2 .indexHead:before{ content:''; width:4px; height:66px; background:#3eaf0c; position:absolute; left:0; top:50%; margin-top:-33px;} #Content2 .index2{ padding:71px 0;} #Content2 .indexHead_w h3,#Content2 .indexHead_w h5{ color:white;} #Content2 .index2 .index2Body{ width:100%; float:left; margin-top:50px;} #Content2 .index2 .index2Body .hd{ float:right; margin-top:-96px; position:relative; z-index:3;} #Content2 .index2 .index2Body .hd li{ float:left; cursor:pointer; margin-left:12px; padding:0 28px; height:40px; line-height:40px; font-size:18px; letter-spacing:1px; text-transform:uppercase; color:#fff; -moz-border-radius:20px; -webkit-border-radius:20px; -khtml-border-radius:20px; border-radius:20px;} #Content2 .index2 .index2Body .hd li.on{ background:#3eaf0c; color:white;} #Content2 .index2 .index2Body .tempWrap{ margin-left:-42px;} #Content2 .index2 .index2Body .bd{ width:100%; float:left;} #Content2 .index2 .index2Body .bd ul{ width:100%; float:left; margin:0 42px;} #Content2 .index2 .index2Body .bd ul li{ width:100%; float:left; padding:20px 15px 34px 15px;} #Content2 .index2 .index2Body .bd ul li a{ display:block; float:left; background:white; box-shadow:0 4px 10px rgba(0,0,0,0.14); padding:10px 10px 20px 10px; width:100%; position:relative; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;} #Content2 .index2 .index2Body .bd ul li a .pic{ width:100%; float:left; padding-bottom:100%; position:relative; overflow:hidden; background:#f0f0f0; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;} #Content2 .index2 .index2Body .bd ul li a .pic img{ width:100%; position:absolute; left:0; top:0; min-height:100%; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: width all 0.3s linear;} #Content2 .index2 .index2Body .bd ul li a:hover .pic img{transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);} #Content2 .index2 .index2Body .bd ul li a .title{ width:100%; float:left; text-align:center; line-height:62px; height:62px; font-size:20px; color:#333; letter-spacing:1px;} #Content2 .index2 .index2Body .bd ul li a .detail{ background:url(/template/theme/CN/2293_index6.png) no-repeat center center #cdcdcd; width:42px; height:42px; position:absolute; left:50%; bottom:-21px; overflow:hidden; margin-left:-21px; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #Content2 .index2 .index2Body .bd ul li a:hover .detail{ background-color:#3eaf0c;} #Content2 .index2 .index2Body .bd ul .slick-prev, #Content2 .index2 .index2Body .bd ul .slick-next{width:23px; height: 38px;} #Content2 .index2 .index2Body .bd ul .slick-prev{left:-27px;} #Content2 .index2 .index2Body .bd ul .slick-next{right:-27px;} #Content2 .index2 .index2Body .bd ul .slick-dots{width:100%; line-height: 0; left: 0; bottom:0; text-align: center; padding:0;} #Content2 .index2 .index2Body .bd ul .slick-dots li{width:8px; height: 8px; background-color:#fff; opacity: 0.4; border-radius: 50%; float:none; padding:0;} #Content2 .index2 .index2Body .bd ul .slick-dots li.slick-active{opacity:1;} #Content2 .index2 .index2Body .bd ul .slick-prev:before,#Content2 .index2 .index2Body .bd ul .slick-next:before{ content:''; width:25px; height:25px; border-top:solid 2px #fff; border-left:solid 2px #fff; transform:rotate(-45deg); margin:-13px 0 0 0px; position:absolute; left:0; top:50%;} #Content2 .index2 .index2Body .bd ul .slick-next:before{ transform:rotate(135deg); margin:-13px 0 0 0px;} #Content2 .index2 .index2Body .bd ul .slick-prev:hover:before,#Content2 .index2 .index2Body .bd ul .slick-next:hover:before{ border-color:#3eaf0c;} @media screen and (max-width: 1640px) { #Content2 .index2 .index2Body .tempWrap{ margin-left:0px;} #Content2 .index2 .index2Body .bd ul{ width:94%; float:left; margin:0 42px;} } @media screen and (max-width:1570px){ #Content2 .index2 .index2Body .bd ul{ width:93%;} } @media screen and (max-width:1200px){ #Content2 .index2 .index2Body .hd li{ margin-left:8px; padding:0 20px;} #Content2 .index2 .index2Body .bd ul{ width:92%;} } @media screen and (max-width:992px){ #Content2 .indexHead{ padding-left:20px;} #Content2 .indexHead h3{ font-size:28px; line-height:42px; letter-spacing:0px;} #Content2 .indexHead h5{ font-size:16px; line-height:24px; letter-spacing:0px;} #Content2 .indexHead:before{ width:3px; height:50px; margin-top:-25px;} #Content2 .index2{ padding:40px 10px;} #Content2 .index2 .index2Body{ margin-top:30px;} #Content2 .index2 .index2Body .hd{ margin-top:-70px;} #Content2 .index2 .index2Body .hd li{ height:34px; line-height:34px; font-size:14px; letter-spacing:0px; margin-left:0px; padding:0 18px;} #Content2 .index2 .index2Body .bd ul{ width:100%; margin:0 0; padding-bottom:30px;} #Content2 .index2 .index2Body .bd ul li{ padding:15px 10px 24px 10px;} #Content2 .index2 .index2Body .bd ul li a{ padding:5px 5px 10px 5px;} #Content2 .index2 .index2Body .bd ul li a .title{ line-height:40px; height:40px; font-size:16px; letter-spacing:0px;} #Content2 .index2 .index2Body .bd ul li a .detail{ background-size:contain; width:34px; height:34px; bottom:-17px; margin-left:-17px;} } @media screen and (max-width:768px){ #Content2 .indexHead{ padding-left:0px; text-align:center;} #Content2 .indexHead h3{ font-size:22px; line-height:36px;} #Content2 .indexHead h5{ font-size:14px; line-height:20px;} #Content2 .indexHead:before{ display:none; width:2px; height:20px; margin-top:0px; top:10px;} #Content2 .index2{ padding:30px 10px 20px 10px;} #Content2 .index2 .index2Body{ margin-top:20px;} #Content2 .index2 .index2Body .hd{ width:100%; margin-top:0px;} #Content2 .index2 .index2Body .hd li{ height:30px; line-height:30px; font-size:12px; padding:0 8px;} #Content2 .index2 .index2Body .bd ul{ padding-bottom:10px;} #Content2 .index2 .index2Body .bd ul li{ padding:10px 5px 15px 5px;} #Content2 .index2 .index2Body .bd ul li a{ box-shadow:0 2px 5px rgba(0,0,0,0.1);} #Content2 .index2 .index2Body .bd ul li a .title{ line-height:30px; height:30px; font-size:14px;} #Content2 .index2 .index2Body .bd ul li a .detail{ display:none; background-size:contain; width:34px; height:34px; bottom:-17px; margin-left:-17px;} } #Content3{ width:100%; float:left; overflow:hidden;} .container-fluid{ padding:0; width:100%;} .container{ padding:0;} #Content3 .indexHead{ width:100%; float:left; position:relative; padding-left:24px;} #Content3 .indexHead h3{ width:100%; float:left; font-size:34px; color:#3eaf0c; line-height:48px; font-weight:bold; letter-spacing:1px;} #Content3 .indexHead h5{ width:100%; float:left; font-size:18px; color:#3eaf0c; line-height:30px; letter-spacing:1px;} #Content3 .indexHead:before{ content:''; width:4px; height:66px; background:#3eaf0c; position:absolute; left:0; top:50%; margin-top:-33px;} #Content3 .index3{ padding:64px 0 57px 0;} #Content3 .index3 .index3Body{ width:100%; float:left; margin-top:47px;} #Content3 .index3 .index3Body .hd{ float:right; margin-top:-94px; position:relative; z-index:3;} #Content3 .index3 .index3Body .hd li{ float:left; cursor:pointer; margin-left:12px; padding:0 28px; height:40px; line-height:40px; font-size:18px; letter-spacing:1px; text-transform:uppercase; color:#333; -moz-border-radius:20px; -webkit-border-radius:20px; -khtml-border-radius:20px; border-radius:20px;} #Content3 .index3 .index3Body .hd li.on{ background:#3eaf0c; color:white;} #Content3 .index3 .index3Body .bd{ width:100%; float:left;} #Content3 .index3 .index3Body .bd .pic{ float:left; width:49%; margin-top:15px; position:relative;} #Content3 .index3 .index3Body .bd .pic .img{ width:100%; float:left; overflow:hidden; height:587px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;} #Content3 .index3 .index3Body .bd .pic .slick-dots{width:20%; left:auto; right:0; line-height: 0; bottom:21px; text-align: center; padding:0;} #Content3 .index3 .index3Body .bd .pic .slick-dots li{width:8px !important; height: 8px; background-color:#fff; float:none; padding:0; margin:0 6px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;} #Content3 .index3 .index3Body .bd .pic .slick-dots li.slick-active{ background:#3eaf0c;} #Content3 .index3 .index3Body .bd .pic .img .title{ width:80%; position:absolute; left:0; bottom:0; z-index:1; padding:0 20px 0 48px; line-height:48px; height:48px; font-size:18px; color:white; letter-spacing:1px;} #Content3 .index3 .index3Body .bd .pic .img:before{ content:''; position:absolute; left:0; bottom:0; border-bottom: 48px solid #3eaf0c; border-right: 24px solid transparent; height: 0; width: 80%; z-index:1;} #Content3 .index3 .index3Body .bd .pic .img .title span{ display:block; width:15px; height:15px; position:absolute; left:25px; top:50%; margin-top:-7.5px; transform:rotate(45deg); background:white; overflow:hidden; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px;} #Content3 .index3 .index3Body .bd .pic .img .title span:before,#Content3 .index3 .index3Body .bd .pic .img .title span:after{ content:''; width:100%; height:1px; background:white; position:absolute; left:0; top:50%; background:#3eaf0c;} #Content3 .index3 .index3Body .bd .pic .img .title span:after{ width:1px; height:100%; left:50%; top:0;} #Content3 .index3 .index3Body .bd .list{ float:right; width:51%;} #Content3 .index3 .index3Body .bd .list .slick-list{ padding:0 !important;} #Content3 .index3 .index3Body .bd .list li{ padding:0 10px 0 30px;} #Content3 .index3 .index3Body .bd .list li .zbox{ width:100%; float:left; margin:15px 0; box-shadow:0 2px 6px rgba(0,0,0,0.22); padding:17px 25px 9px 25px; height:174px; position:relative; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px;} #Content3 .index3 .index3Body .bd .list li .zbox:before{ content:'';width: 0; height: 0; border-top: 8px solid transparent; border-right: 14px solid #3eaf0c;border-bottom: 8px solid transparent; position:absolute; left:-14px; top:50%; margin-top:-8px; display:none; z-index:2;} #Content3 .index3 .index3Body .bd .list li .title{ width:100%; float:left; font-size:18px; color:#333; line-height:30px; letter-spacing:1px; padding-left:29px; position:relative;} #Content3 .index3 .index3Body .bd .list li .title span{ display:block; width:15px; height:15px; position:absolute; left:5px; top:50%; margin-top:-7.5px; transform:rotate(45deg); background:#3eaf0c; overflow:hidden; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px;} #Content3 .index3 .index3Body .bd .list li .title span:before,#Content3 .index3 .index3Body .bd .list li .title span:after{ content:''; width:100%; height:1px; background:white; position:absolute; left:0; top:50%; background:#fff;} #Content3 .index3 .index3Body .bd .list li .title span:after{ width:1px; height:100%; left:50%; top:0;} #Content3 .index3 .index3Body .bd .list li .p{ width:100%; margin-top:6px; float:left; font-size:16px; color:#666; line-height:30px; letter-spacing:1px; height:60px; overflow:hidden;display: -webkit-box; text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;} #Content3 .index3 .index3Body .bd .list li .bian{ width:100%; float:left; margin-top:13px; height:1px; background:black; opacity:0.1;} #Content3 .index3 .index3Body .bd .list li .time{ margin-top:10px; float:left; font-size:14px; color:#666; line-height:28px; letter-spacing:1px;} #Content3 .index3 .index3Body .bd .list li .detail{ margin-top:10px; float:right; font-size:14px; color:#3eaf0c; line-height:28px; letter-spacing:1px; display:block; width:78px;} #Content3 .index3 .index3Body .bd .list li .detail span{ display:inline-block; vertical-align:middle; margin:-2px 3px 0 0; width:14px; height:14px; border:solid 3px #3eaf0c; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #Content3 .index3 .index3Body .bd .list .slick-current li .zbox{ background:#61a810;} #Content3 .index3 .index3Body .bd .list .slick-current li .zbox:before{ display:block;} #Content3 .index3 .index3Body .bd .list .slick-current li .zbox .title,#Content3 .index3 .index3Body .bd .list .slick-current li .zbox .p,#Content3 .index3 .index3Body .bd .list .slick-current li .zbox .time,#Content3 .index3 .index3Body .bd .list .slick-current li .zbox .detail{ color:white;} #Content3 .index3 .index3Body .bd .list .slick-current li .zbox .detail span{ border-color:white;} #Content3 .index3 .index3Body .bd .list .slick-current li .title span{ background:white;} #Content3 .index3 .index3Body .bd .list .slick-current li .title span:before,#Content3 .index3 .index3Body .bd .list .slick-current li .title span:after{ background:#3eaf0c;} @media screen and (max-width:1570px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Content3 .indexHead{ padding-left:20px;} #Content3 .indexHead h3{ font-size:28px; line-height:42px; letter-spacing:0px;} #Content3 .indexHead h5{ font-size:16px; line-height:24px; letter-spacing:0px;} #Content3 .indexHead:before{ width:3px; height:50px; margin-top:-25px;} #Content3 .index3{ padding:40px 10px 30px 10px;} #Content3 .index3 .index3Body{ margin-top:20px;} #Content3 .index3 .index3Body .hd{ margin-top:-70px;} #Content3 .index3 .index3Body .hd li{ margin-left:10px; padding:0 20px; height:34px; line-height:34px; font-size:16px; letter-spacing:0px; } #Content3 .index3 .index3Body .bd .pic{ margin-top:10px;} #Content3 .index3 .index3Body .bd .pic .img{ height:494px;} #Content3 .index3 .index3Body .bd .pic .img .title{ padding:0 20px 0 35px; line-height:40px; height:40px; font-size:16px; letter-spacing:0px;} #Content3 .index3 .index3Body .bd .pic .img:before{ border-bottom: 40px solid #3eaf0c; border-right: 20px solid transparent;} #Content3 .index3 .index3Body .bd .pic .img .title span{ left:10px;} #Content3 .index3 .index3Body .bd .list li .zbox{ margin:10px 0; padding:15px 15px 10px 15px; height:150px;} #Content3 .index3 .index3Body .bd .list li .title{ font-size:16px; line-height:24px; letter-spacing:0px;} #Content3 .index3 .index3Body .bd .list li .p{ font-size:14px; line-height:24px; letter-spacing:0px; height:48px;} #Content3 .index3 .index3Body .bd .list li .bian{ margin-top:10px;} #Content3 .index3 .index3Body .bd .list li .time{ font-size:12px; line-height:22px; letter-spacing:0px;} #Content3 .index3 .index3Body .bd .list li .detail{ font-size:12px; line-height:22px; letter-spacing:0px; width:70px;} } @media screen and (max-width:768px){ #Content3 .indexHead{ padding-left:0px; text-align:center;} #Content3 .indexHead h3{ font-size:22px; line-height:36px;} #Content3 .indexHead h5{ font-size:14px; line-height:20px;} #Content3 .indexHead:before{ display:none; width:2px; height:20px; margin-top:0px; top:10px;} #Content3 .index3{ padding:30px 10px 20px 10px;} #Content3 .index3 .index3Body{ margin-top:10px;} #Content3 .index3 .index3Body .hd{ margin-top:0px; width:100%; float:left; text-align:center;} #Content3 .index3 .index3Body .hd ul{ display:inline-block; vertical-align:top;} #Content3 .index3 .index3Body .hd li{ margin-left:0px; padding:0 10px; height:30px; line-height:30px; font-size:14px;} #Content3 .index3 .index3Body .bd .pic{ width:100%; margin-top:10px;} #Content3 .index3 .index3Body .bd .pic .img{ height:300px;} #Content3 .index3 .index3Body .bd .pic .img .title{ padding:0 10px 0 30px; line-height:34px; height:34px; font-size:14px;} #Content3 .index3 .index3Body .bd .pic .img:before{ border-bottom: 34px solid #3eaf0c; border-right: 17px solid transparent;} #Content3 .index3 .index3Body .bd .pic .img .title span{ left:10px; width:13px; height:13px; marker-offset:-6.5px;} #Content3 .index3 .index3Body .bd .pic .slick-dots{ bottom:11px;} #Content3 .index3 .index3Body .bd .pic .slick-dots li{ margin:0 4px;} #Content3 .index3 .index3Body .bd .list{ width:100%; display:none;} #Content3 .index3 .index3Body .bd .list li .zbox{ margin:10px 0; padding:15px 15px 10px 15px; height:150px;} #Content3 .index3 .index3Body .bd .list li .title{ font-size:16px; line-height:24px; letter-spacing:0px;} #Content3 .index3 .index3Body .bd .list li .p{ font-size:14px; line-height:24px; letter-spacing:0px; height:48px;} #Content3 .index3 .index3Body .bd .list li .bian{ margin-top:10px;} #Content3 .index3 .index3Body .bd .list li .time{ font-size:12px; line-height:22px; letter-spacing:0px;} #Content3 .index3 .index3Body .bd .list li .detail{ font-size:12px; line-height:22px; letter-spacing:0px; width:70px;} } #Slide2{ width:100%; float:left; overflow:hidden;} .container-fluid{ padding:0; width:100%;} .container{ padding:0;} #Slide2 .nybanner{ width:100%; float:left; background:black; position:relative;} #Slide2 .nybanner > img{ width:100%; float:left; position:relative; z-index:1; opacity:0.8;} #Slide2 .nybanner .headline{ width:100%; position:absolute; left:0; top:50%; text-align:center; height:67px; z-index:2;} #Slide2 .nybanner .headline img{ height:100%; vertical-align:top;} @media screen and (max-width:1570px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ #Slide2 .nybanner .headline{ height:40px;} } #Content4{ width:100%; float:left; overflow:hidden;} .container-fluid{ padding:0; width:100%;} .container{ padding:0;} #Content4 .pz_SideLayer{ width:100%; float:left; border-bottom:solid 1px #e2e2e2; text-align:center; height:57px; margin-bottom:1px;} #Content4 .pz_SideLayer li{ display:inline-block; vertical-align:top; margin:0 26px; position:relative;} #Content4 .pz_SideLayer li:before{ content:''; width:1px; height:22px; background:#e2e2e2; position:absolute; left:-26px; top:50%; margin-top:-11px;} #Content4 .pz_SideLayer li a{ display:block; float:left; padding:0 7px; font-size:18px; color:#666; height:58px; line-height:58px;} #Content4 .pz_SideLayer li.on a{ color:#3eaf0c; border-bottom:solid 2px #3eaf0c;} #Content4 .pz_SideLayer li:hover a{ color:#3eaf0c;} #Content4 .pz_SideLayer li:first-child:before{ display:none;} @media screen and (max-width:1570px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Content4 .pz_SideLayer li a{ padding:0 5px; font-size:16px;} } @media screen and (max-width:768px){ #Content4 .pz_SideLayer{ border-bottom:0; height:auto;} #Content4 .pz_SideLayer li{ margin:0; min-width:25%; text-align:center;} #Content4 .pz_SideLayer li:before{ display:none;} #Content4 .pz_SideLayer li a{ display:inline-block; vertical-align:top; float:none; font-size:14px; height:40px; line-height:40px;} } #Pagination{ width:100%; float:left; overflow:hidden;} .container-fluid{ padding:0; width:100%;} .container{ padding:0;} #Pagination .d_0100_fy{ float:left; width:100%; text-align:center; padding:58px 0 84px 0;} #Pagination .pz_fy1{display:inline-block; *display:inline; *zoom:1;vertical-align: top;} #Pagination .pz_fy1 a {display:block; float:left; width:38px; height:38px; text-align:center; line-height:36px; border:1px solid #e1e1e1; font-size:14px; color:#272727; margin:0 5px; -webkit-border-radius:18px; -khtml-border-radius:18px; -moz-border-radius:18px; border-radius:18px;} #Pagination .pz_fy1 a:hover,#Pagination .pz_fy1 a.on{color: #fff; border:1px solid #3eaf0c; background:#3eaf0c; text-decoration:none;} #Pagination .pz_fy1 a.prve{ background:url(/template/theme/CN/2297_sprve_fy.png) no-repeat center; width:100px;} #Pagination .pz_fy1 a.prve:hover, #Pagination .pz_fy1 a.prve.on{ background:url(/template/theme/CN/2297_sprve_fy_h.png) no-repeat center #3eaf0c; border:1px solid #25b5b0;} #Pagination .pz_fy1 a.next{ background:url(/template/theme/CN/2297_snext_fy.png) no-repeat center; width:100px;} #Pagination .pz_fy1 a.next:hover, #Pagination .pz_fy1 a.next.on{ background:url(/template/theme/CN/2297_snext_fy_h.png) no-repeat center #3eaf0c; border:1px solid #25b5b0;} #Pagination .fy_phone{ display:none;} @media screen and (max-width:1570px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Pagination .d_0100_fy{ padding:31px 0 42px 0;} } @media screen and (max-width:768px){ #Pagination .d_0100_fy{ padding:11px 0 22px 0;} #Pagination .pz_fy1{ display:none;} #Pagination .fy_phone{ display:block; float:left; width:100%; text-align:center; font-size:14px; color:#333;} #Pagination .fy_phone a {display:inline-block; *display:inline; *zoom:1; width:100px; height:30px; text-align:center; line-height:28px; border:1px solid #e1e1e1; margin:0 5px; -webkit-border-radius:18px; -khtml-border-radius:18px; -moz-border-radius:18px; border-radius:18px;} #Pagination .fy_phone a.prve{ background:url(..//template/theme/CN/2297_prve_fy.png) no-repeat center;} #Pagination .fy_phone a.next{ background:url(..//template/theme/CN/2297_next_fy.png) no-repeat center;} #Pagination .fy_phone span{ padding:0 5%; color:#333; display:inline-block; *display:inline; *zoom:1; vertical-align:top; height:30px; line-height:30px;} } #List{ width:100%; float:left; overflow:hidden;} .container-fluid{ padding:0; width:100%;} .container{ padding:0;} #List .news1{ margin-top:75px;} #List .news1 ul{ width:100%; float:left;} #List .news1 ul li{ width:50%; float:left; padding:0 15px; margin:15px 0;} #List .news1 ul li a{ display:block; float:left; width:100%; padding:13px 25px 13px 14px; box-shadow:0 2px 6px rgba(0,0,0,0.22); overflow:hidden; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px;} #List .news1 ul li a .img{ float:left; width:206px; height:158px; overflow:hidden; -webkit-border-radius:4px; -khtml-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} #List .news1 ul li a .img img{ width:100%; float:left;} #List .news1 ul li a .text{ margin-left:249px;} #List .news1 ul li a .text .title{ width:100%; float:left; margin-top:6px; font-size:18px; color:#333; line-height:30px; padding-left:30px; position:relative;} #List .news1 ul li a .text .title span{ display:block; width:15px; height:15px; position:absolute; left:5px; top:50%; margin-top:-7.5px; transform:rotate(45deg); background:#3eaf0c; overflow:hidden; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px;} #List .news1 ul li a .text .title span:before,#List .news1 ul li a .text .title span:after{ content:''; width:100%; height:1px; background:white; position:absolute; left:0; top:50%; background:#fff;} #List .news1 ul li a .text .title span:after{ width:1px; height:100%; left:50%; top:0;} #List .news1 ul li a .text .jj{ width:100%; float:left; margin-top:7px; font-size:16px; color:#666; line-height:30px; overflow:hidden; height:60px;display: -webkit-box; text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;} #List .news1 ul li a .text .time{ width:100%; float:left; margin-top:12px; padding-top:12px; font-size:14px; color:#666; line-height:30px; border-top:solid 1px #e5e5e5;} #List .news1 ul li a .text .time .detail{ float:right; color:#3eaf0c; width:78px; padding-left:20px; position:relative;} #List .news1 ul li a .text .time .detail:before{ content:''; width:14px; height:14px; border:solid 3px #3eaf0c; position:absolute; left:0; top:50%; margin-top:-6px; overflow:hidden; -webkit-border-radius:18px; -khtml-border-radius:18px; -moz-border-radius:18px; border-radius:18px;} #List .news1 ul li a:hover{ background:#3eaf0c;} #List .news1 ul li a:hover .text .title span{ background:white;} #List .news1 ul li a:hover .text .title span:before,#List .news1 ul li a:hover .text .title span:after{ background:#3eaf0c;} #List .news1 ul li a:hover .text .time{ border-color:rgba(255,255,255,0.2);} #List .news1 ul li a:hover .text .title,#List .news1 ul li a:hover .text .jj,#List .news1 ul li a:hover .text .time,#List .news1 ul li a:hover .text .time .detail{ color:white; opacity:1;} #List .news1 ul li a:hover .text .time .detail:before{ border-color:white;} @media screen and (max-width:1570px){ #List .news1 ul li a .text{ margin-left:230px;} } @media screen and (max-width:1200px){ #List .news1 ul li{ width:100%;} } @media screen and (max-width:992px){ #List .news1{ margin-top:50px; padding:0 20px;} #List .news1 ul li{ margin:10px 0;} } @media screen and (max-width:768px){ #List .news1{ margin-top:15px; padding:0 10px;} #List .news1 ul li a{ padding:10px;} #List .news1 ul li a .img{ width:100%; height:auto;} #List .news1 ul li a .text{ margin-left:0; width:100%; float:left; margin-top:15px;} #List .news1 ul li a .text .title{ margin-top:0;} } #Subpage{ width:100%; float:left; overflow:hidden;} .container-fluid{ padding:0; width:100%;} .container{ padding:0;} #Subpage .news2 .content1{ width:100%; float:left; margin-top:55px;} #Subpage .news2 .content1 h1{ width:100%; float:left; text-align:center; font-size:28px; color:#444; line-height:42px;} #Subpage .news2 .content1 .main_1{ width:100%; float:left; margin-top:41px; border-top:solid 1px #d7d8d8; border-bottom:solid 1px #d7d8d8; line-height:53px;} #Subpage .news2 .content1 .main_1 .p{ float:left; font-size:14px; color:#777;} #Subpage .news2 .content1 .main_1 .p span{display:inline-block;*display:inline; *zoom:1; margin-right:15px;} #Subpage .news2 .content1 .main_1 .btn{ float:right; line-height:53px; color:#777; font-size:14px;} #Subpage .news2 .content1 .main_1 .btn img{ margin-left:10px; margin-top:-3px; vertical-align:middle; background:#cbcbcb; overflow:hidden; -moz-border-radius:20px; -webkit-border-radius:20px; -khtml-border-radius:20px; border-radius:20px;} #Subpage .news2 .content1 .main_1 .btn:hover img{ background:#3eaf0c;} #Subpage .news2 .content1 .main_1 .btn:hover{ color:#3eaf0c;} #Subpage .news2 .content1 .text{ width:100%; float:left; margin-top:45px; font-size:16px; color:#666; line-height:30px;} #Subpage .news2 .content1 .text .img1{ float:left; max-width:50%; float:left; margin:7px 49px 10px 0;} #Subpage .news2 .content2_down{ width:100%; float:left; border-top:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5; margin-top:50px;} #Subpage .news2 .content2_down h5{ width:40%; float:left; font-size:16px; color:#3eaf0c; line-height:54px;} #Subpage .news2 .content2_down h5 a{ display:inline-block; vertical-align:top; color:#666; letter-spacing:1px; max-width:80%;} #Subpage .news2 .content2_down h5.last{ float:right; text-align:right;} #Subpage .news2 .content2_down .return{ width:20%; text-align:center; float:left;} #Subpage .news2 .content2_down .return a{ display:block; width:100%; font-size:16px; color:#3eaf0c; line-height:54px;} #Subpage .news2 .content2_down a:hover{ color:#3eaf0c; } #Subpage .news3{ width:100%; float:left; margin-top:67px; padding-bottom:43px;} #Subpage .news3 .product3Head{ width:100%; float:left; background:url(/template/theme/CN/2299_product10.png) #3eaf0c; height:58px; line-height:58px; padding:0 22px; font-size:22px; color:white; font-weight:bold;} #Subpage .news3 .product3Head img{ vertical-align:middle; margin:-3px 12px 0 0; width:26px;} #Subpage .news3 .product3Head a{ float:right; font-size:16px; color:white; font-weight:normal;} #Subpage .news3 .product3Head a:hover{ text-decoration:underline;} #Subpage .news3 ul{ width:100%; float:left; margin-top:38px;} #Subpage .news3 ul li{ width:50%; float:left; padding:0 15px; margin:15px 0;} #Subpage .news3 ul li a{ display:block; float:left; width:100%; padding:13px 25px 13px 14px; box-shadow:0 2px 6px rgba(0,0,0,0.22); overflow:hidden; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px;} #Subpage .news3 ul li a .img{ float:left; width:206px; height:158px; overflow:hidden; -webkit-border-radius:4px; -khtml-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} #Subpage .news3 ul li a .img img{ width:100%; float:left;} #Subpage .news3 ul li a .text{ margin-left:249px;} #Subpage .news3 ul li a .text .title{ width:100%; float:left; margin-top:6px; font-size:18px; color:#333; line-height:30px; padding-left:30px; position:relative;} #Subpage .news3 ul li a .text .title span{ display:block; width:15px; height:15px; position:absolute; left:5px; top:50%; margin-top:-7.5px; transform:rotate(45deg); background:#3eaf0c; overflow:hidden; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px;} #Subpage .news3 ul li a .text .title span:before,#Subpage .news3 ul li a .text .title span:after{ content:''; width:100%; height:1px; background:white; position:absolute; left:0; top:50%; background:#fff;} #Subpage .news3 ul li a .text .title span:after{ width:1px; height:100%; left:50%; top:0;} #Subpage .news3 ul li a .text .jj{ width:100%; float:left; margin-top:7px; font-size:16px; color:#666; line-height:30px; overflow:hidden; height:60px;display: -webkit-box; text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;} #Subpage .news3 ul li a .text .time{ width:100%; float:left; margin-top:12px; padding-top:12px; font-size:14px; color:#666; line-height:30px; border-top:solid 1px #e5e5e5;} #Subpage .news3 ul li a .text .time .detail{ float:right; color:#3eaf0c; width:78px; padding-left:20px; position:relative;} #Subpage .news3 ul li a .text .time .detail:before{ content:''; width:14px; height:14px; border:solid 3px #3eaf0c; position:absolute; left:0; top:50%; margin-top:-6px; overflow:hidden; -webkit-border-radius:18px; -khtml-border-radius:18px; -moz-border-radius:18px; border-radius:18px;} #Subpage .news3 ul li a:hover{ background:#3eaf0c;} #Subpage .news3 ul li a:hover .text .title span{ background:white;} #Subpage .news3 ul li a:hover .text .title span:before,#Subpage .news3 ul li a:hover .text .title span:after{ background:#3eaf0c;} #Subpage .news3 ul li a:hover .text .time{ border-color:rgba(255,255,255,0.2);} #Subpage .news3 ul li a:hover .text .title,#Subpage .news3 ul li a:hover .text .jj,#Subpage .news3 ul li a:hover .text .time,#Subpage .news3 ul li a:hover .text .time .detail{ color:white; opacity:1;} #Subpage .news3 ul li a:hover .text .time .detail:before{ border-color:white;} @media screen and (max-width:1570px){ #Subpage .news3 ul li a .text{ margin-left:230px;} } @media screen and (max-width:1200px){ #Subpage .news3 ul li{ width:100%;} #Subpage .news3 ul{ margin-top:20px; padding-bottom:30px; position:relative;} #Subpage .news3 ul .slick-dots { position: absolute; bottom:0px; display: block; width: 100%; left:0; padding: 0; margin: 0; list-style: none; text-align: center; } #Subpage .news3 ul .slick-dots li { position: relative; display: inline-block; width: 8px; height: 8px; float:none; margin: 0 4px; padding: 0; background:#cdcdcd; cursor: pointer; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; } #Subpage .news3 ul .slick-dots li button { display:none;} #Subpage .news3 ul .slick-dots li.slick-active { background:#3eaf0c; } } @media screen and (max-width:992px){ #Subpage .news2 .content1{ margin-top:25px; padding:0 20px;} #Subpage .news2 .content2_down{ margin-top:25px; padding:0 10px;} #Subpage .news2 .content2_down h5{ font-size:14px; line-height:44px;} #Subpage .news2 .content2_down .return a{ font-size:14px; line-height:44px;} #Subpage .news3 .product3Head{ height:50px; line-height:50px; padding:0 15px; font-size:16px;} #Subpage .news3 .product3Head img{ margin:-3px 8px 0 0; width:20px;} #Subpage .news3 .product3Head a{ font-size:14px;} #Subpage .news3{ margin-top:35px; padding-bottom:21px;} #Subpage .news3 ul{ padding:0 20px 30px 20px;} #Subpage .news3 ul li{ margin:10px 0;} } @media screen and (max-width:768px){ #Subpage .news2 .content1{ margin-top:13px; padding:0 10px;} #Subpage .news2 .content1 h1{ font-size:18px; line-height:22px;} #Subpage .news2 .content1 .main_1{ margin-top:20px; line-height:40px;} #Subpage .news2 .content1 .main_1 .p{ font-size:12px;} #Subpage .news2 .content1 .main_1 .p span{ margin-right:10px;} #Subpage .news2 .content1 .main_1 .btn{ line-height:40px; font-size:12px;} #Subpage .news2 .content1 .main_1 .btn img{ width:30px;} #Subpage .news2 .content1 .text{ margin-top:20px; font-size:14px; line-height:24px;} #Subpage .news2 .content1 .text .img1{ max-width:100%; width:100%; margin:7px 0 10px 0;} #Subpage .news2 .content2_down{ margin-top:15px; position:relative; padding:5px 60px 5px 10px;} #Subpage .news2 .content2_down h5{ width:100%; line-height:23px; font-size:12px;} #Subpage .news2 .content2_down h5 span{ display:none;} #Subpage .news2 .content2_down h5 a{ float:right; width:80%;} #Subpage .news2 .content2_down h5.last{ text-align:left;} #Subpage .news2 .content2_down h5 img{ display:none;} #Subpage .news2 .content2_down .return{ position:absolute; right:0; top:5px; width:60px;} #Subpage .news2 .content2_down .return a{ line-height:46px;} #Subpage .news3{ margin-top:20px; padding-bottom:10px;} #Subpage .news3 .product3Head{ height:40px; line-height:40px; padding:0 10px; font-size:14px;} #Subpage .news3 .product3Head img{ margin:-3px 6px 0 0; width:16px;} #Subpage .news3 .product3Head a{ font-size:12px;} #Subpage .news3 ul{ padding:0 20px 20px 20px; margin-top:10px;} #Subpage .news3 ul li{ padding:0 5px;} #Subpage .news3 ul li a{ padding:10px;} #Subpage .news3 ul li a .img{ width:100%; height:auto;} #Subpage .news3 ul li a .text{ margin-left:0; width:100%; float:left; margin-top:15px;} #Subpage .news3 ul li a .text .title{ margin-top:0; font-size:16px; line-height:26px; padding-left:24px;} #Subpage .news3 ul li a .text .title span{ width:13px; height:13px; margin-top:-6.5px;} #Subpage .news3 ul li a .text .jj{ margin-top:5px; font-size:14px; line-height:24px; height:46px;} #Subpage .news3 ul li a .text .time{ margin-top:8px; padding-top:8px; font-size:12px; line-height:24px;} #Subpage .news3 ul li a .text .time .detail{ width:70px; padding-left:16px;} #Subpage .news3 ul li a .text .time .detail:before{ width:10px; height:10px; margin-top:-5px;} } #Content5{ width:100%; float:left; overflow:hidden;} .container-fluid{ padding:0; width:100%;} .container{ padding:0;} #Content5 .khfw{ margin-top:65px;} #Content5 .khfw .w_0100{ width:100%; float:left; position:relative; z-index:3; text-align:center;} #Content5 .message{ display:inline-block; vertical-align:top; box-shadow:0 1px 7px rgba(0,0,0,0.1); width:1024px; background:#fff; padding: 55px 16px 67px 16px; position: relative; z-index: 1;} #Content5 .message h4{font-size:28px; color:#333; text-align: center; width:100%; float:left; line-height:38px;} #Content5 .message .p{font-size:18px; color:#444; text-align: center; width:100%; float:left; margin-top:23px; line-height:30px;} #Content5 .message .meForm{ width:100%; float:left; margin-top:3px;} #Content5 .message .meForm .list{width:50%; float:left; margin-top:30px; padding:0 35px; text-align:left; position:relative;} #Content5 .message .meForm .list .H4{ position:absolute; left:55px; top:0; font-size:16px; color:#666; line-height: 50px; z-index:1; width:auto;} #Content5 .message .meForm .list .H4 .i1{color:#a94b98; margin-left:4px;} #Content5 .message .meForm .list .input,#Content5 .message .meForm .list .textarea{float:left; width:100%; height: 50px;font-size:16px; color:#666666; border:1px solid #ececec; background-color:#fff; padding:15px 20px 10px 106px; line-height:22px; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline: 0; border-radius:0} #Content5 .message .meForm .list.l1 .input{ padding-left:80px;} #Content5 .message .meForm .list.l2 .input{ padding-left:125px;} #Content5 .message .meForm .list.l3{ width:100%;} #Content5 .message .meForm .list .yzm{ position:absolute; right:36px; top:0; height:48px; line-height:48px; overflow:hidden; cursor:pointer;} #Content5 .message .meForm .list .yzm img{ max-height:100%; vertical-align:middle;} #Content5 .message .meForm .list .textarea{ height:87px;} #Content5 .message .submit{width:365px; height: 52px; border-radius: 6px; background-color:#3eaf0c; display: block; margin: auto; font-size:18px; color:#fff; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline: 0; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} #Content5 .message .meForm .list.l4{ text-align:center;} #Content5 .message .submit:hover{ opacity:0.8;} #Content5 .khfwdown{ margin-top:-130px; width:100%; float:left;} #Content5 .ditu{ width:100%; float:left; height:506px;} #Content5 .ditu .BMap_pop{ float:right; background-image:url(/template/theme/CN/2300_mes3.png); background-repeat:no-repeat; border:none !important; width:406px !important; border:0 !important; height:85px; margin: 100px 0 0 220px;} #Content5 .ditu .BMap_pop .BMap_top,#id566 .BMap_pop .BMap_center,#id566 .BMap_pop .BMap_bottom,#id566 .BMap_pop div:nth-child(9n){ width:86% !important;} #Content5 .ditu .BMap_pop div{ background:none !important; border-color: none !important; border:0 !important;} #Content5 .ditu .BMap_pop div img{display:none;} #Content5 .ditu .iw_poi_content{ font-size: 16px; line-height:32px; color: #333333; text-align: left; padding:10px 20px 10px 30px;} #Content5 .ditu .BMap_shadow{ width:100%; float: left; display: none !important;} #Content5 .ditu .BMapLabel{ display: none !important;} #Content5 .ditu .BMap_pop div:nth-child(9){height:55px; top:0 !important; left: 0 !important; width: 100% !important; height: 100%; } #Content5 .ditu .BMap_pop img:nth-child(10){display:none;} @media screen and (max-width:1570px){ } @media screen and (max-width:1200px){ #Content5 .message{ max-width:80%;} } @media screen and (max-width:992px){ #Content5 .khfw{ margin-top:32px;} #Content5 .message{ padding: 30px 10px 40px 10px;} #Content5 .message h4{font-size:22px; line-height:32px;} #Content5 .message .p{font-size:12px; margin-top:16px; line-height:24px;} #Content5 .message .meForm .list{ margin-top:20px; padding:0 10px;} #Content5 .message .meForm .list .H4{ left:20px; font-size:14px; line-height: 40px;} #Content5 .message .meForm .list .input,#Content5 .message .meForm .list .textarea{ height: 40px;font-size:14px; padding:10px 10px 10px 86px; line-height:20px;} #Content5 .message .meForm .list .textarea{ padding:10px 10px 10px 86px; height:87px;} #Content5 .message .meForm .list.l1 .input{ padding-left:60px;} #Content5 .message .meForm .list.l2 .input{ padding-left:100px;} #Content5 .message .submit{width:260px; height: 42px; font-size:16px;} #Content5 .khfwdown{ margin-top:-90px;} #Content5 .ditu{ height:400px;} #Content5 .ditu .iw_poi_content{ font-size: 14px; line-height:24px;} #Content5 .ditu .BMap_pop{ background-size:contain; width:340px !important; height:70px; margin: 90px 0 0 190px;} #Content5 .message .meForm .list .yzm{ right:11px; top:0; height:38px; line-height:38px;} } @media screen and (max-width:768px){ #Content5 .khfw{ margin-top:20px;} #Content5 .message{ padding: 10px 10px 20px 10px; max-width:90%;} #Content5 .message h4{font-size:16px; line-height:26px;} #Content5 .message .p{ margin-top:10px; line-height:22px;} #Content5 .message .meForm .list{ width:100%; margin-top:10px; padding:0 10px;} #Content5 .ditu .BMap_pop{ background:white; margin: 130px 0 0 -10px; width:270px; height:auto;} #Content5 .khfwdown{ margin-top:-60px;} #Content5 .ditu{ height:300px;} #Content5 .ditu .iw_poi_content{ font-size: 12px; line-height:20px; padding:10px;} } #Content6{ width:100%; float:left; overflow:hidden;} .container-fluid{ padding:0; width:100%;} .container{ padding:0;} #Content6 .kcxfz{ padding:56px 0 70px 0;} #Content6 .kcxfz .pic{ float:left; width:46.36%; padding:9px; border:solid 1px #e5e5e5; overflow:hidden; position:relative; margin-top:7px; -webkit-border-radius:4px; -khtml-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} #Content6 .kcxfz .pic img{ width:100%; float:left; -webkit-border-radius:4px; -khtml-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} #Content6 .kcxfz .pic .slick-dots { position: absolute; bottom:29px; display: block; width: 100%; left:0; padding: 0; margin: 0; list-style: none; text-align: center; } #Content6 .kcxfz .pic .slick-dots li { position: relative; display: inline-block; width: 10px; height: 10px; float:none; margin: 0 7px; padding: 0; background:#fff; cursor: pointer; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; } #Content6 .kcxfz .pic .slick-dots li button { display:none;} #Content6 .kcxfz .pic .slick-dots li.slick-active { background:#3eaf0c; } #Content6 .kcxfz .text{ float:right; width:50.95%; font-size:16px; color:#666; line-height:30px; letter-spacing:1px;} @media screen and (max-width:1570px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Content6 .kcxfz{ padding:30px 20px 40px 20px;} #Content6 .kcxfz .pic{ padding:6px;} #Content6 .kcxfz .text{ font-size:14px; line-height:24px; letter-spacing:0px;} } @media screen and (max-width:768px){ #Content6 .kcxfz{ padding:10px 10px 20px 10px;} #Content6 .kcxfz .pic{ width:100%;} #Content6 .kcxfz .text{ width:100%; margin-top:20px; font-size:12px; line-height:20px;} #Content6 .kcxfz .pic .slick-dots { bottom:15px; } #Content6 .kcxfz .pic .slick-dots li { width: 8px; height: 8px; margin: 0 4px; } } #Content7{ width:100%; float:left; overflow:hidden;} .container-fluid{ padding:0; width:100%;} .container{ padding:0;} #Content7 .contact{ padding:66px 0 71px 0;} #Content7 .contact .contactHead{ width:100%; float:left;} #Content7 .contact .contactHead .w370{ width:23.56%; float:left; background:white; height:297px; text-align:center; box-shadow:0 0 17px rgba(0,0,0,0.09); padding:36px 10px 10px 10px;} #Content7 .contact .contactHead .w370 .ewm{ width:100%; height:166px; padding:12px; background:url(/template/theme/CN/2302_con1.jpg) no-repeat center center; background-size:contain;} #Content7 .contact .contactHead .w370 .ewm img{ height:100%;} #Content7 .contact .contactHead .w370 .p{ width:100%; margin-top:12px; font-size:18px; color:#666; line-height:28px;} #Content7 .contact .contactHead .w1170{ width:74.5%; float:right; background:white; height:297px; border:solid 6px white; box-shadow:0 0 17px rgba(0,0,0,0.09); background:url(/template/theme/CN/2302_con3.jpg) no-repeat right center; padding:30px 290px 18px 30px;} #Content7 .contact .contactHead .w1170 .logo{ width:100%; float:left; height:69px;} #Content7 .contact .contactHead .w1170 .logo img{ height:100%;} #Content7 .contact .contactHead .w1170 .text{ width:100%; float:left; margin-top:29px; padding-top:17px; border-top:solid 1px #e5e5e5;} #Content7 .contact .contactHead .w1170 .text dd{ width:100%; float:left; font-size:16px; color:#666; line-height:33px; letter-spacing:1px; padding-left:29px; position:relative;} #Content7 .contact .contactHead .w1170 .text dd .ico{ display:block; position:absolute; left:0; top:0; text-align:center; width:21px; height:40px; line-height:40px;} #Content7 .contact .contactHead .w1170 .text dd .ico img{ vertical-align:middle; margin-top:-3px;} #Content7 .contact .contactHead .w1170 .text dd.d1{ width:33.33%;} #Content7 .contact .contactHead .w1170 .text dd.d2{ width:66.666%;} #Content7 .contactDown{ margin-top:57px; width:100%; float:left; box-shadow:0 0 17px rgba(0,0,0,0.09); border:solid 6px white;} #Content7 .ditu{ width:100%; float:left; height:572px;} #Content7 .ditu .BMap_pop{ float:right; background-image:url(/template/theme/CN/2302_mes3.png); background-repeat:no-repeat; border:none !important; width:406px !important; border:0 !important; height:85px; margin: 100px 0 0 220px;} #Content7 .ditu .BMap_pop .BMap_top,#id566 .BMap_pop .BMap_center,#id566 .BMap_pop .BMap_bottom,#id566 .BMap_pop div:nth-child(9n){ width:86% !important;} #Content7 .ditu .BMap_pop div{ background:none !important; border-color: none !important; border:0 !important;} #Content7 .ditu .BMap_pop div img{display:none;} #Content7 .ditu .iw_poi_content{ font-size: 16px; line-height:32px; color: #333333; text-align: left; padding:10px 20px 10px 30px;} #Content7 .ditu .BMap_shadow{ width:100%; float: left; display: none !important;} #Content7 .ditu .BMapLabel{ display: none !important;} #Content7 .ditu .BMap_pop div:nth-child(9){height:55px; top:0 !important; left: 0 !important; width: 100% !important; height: 100%; } #Content7 .ditu .BMap_pop img:nth-child(10){display:none;} @media screen and (max-width:1570px){ #Content7 .contact .contactHead .w1170{ padding:30px 30px 18px 30px;} } @media screen and (max-width:1200px){ #Content7 .contact .contactHead .w1170 .logo{ height:60px;} #Content7 .contact .contactHead .w1170 .text{ margin-top:20px; padding-top:12px;} #Content7 .contact .contactHead .w1170 .text dd.d1{ width:50%;} #Content7 .contact .contactHead .w1170 .text dd.d2{ width:100%;} #Content7 .contact .contactHead .w1170 .text dd{ line-height:34px;} #Content7 .contact .contactHead .w1170 .text dd .ico{ line-height:34px; height:34px;} } @media screen and (max-width:992px){ #Content7 .contact{ padding:40px 20px 50px 20px;} #Content7 .contact .contactHead .w370{ height:220px; padding:26px 10px 10px 10px;} #Content7 .contact .contactHead .w370 .ewm{ height:120px; padding:8px;} #Content7 .contact .contactHead .w370 .p{ margin-top:6px; font-size:16px; line-height:24px;} #Content7 .contact .contactHead .w1170{ height:220px; border:solid 5px white; padding:15px 20px 10px 20px;} #Content7 .contact .contactHead .w1170 .logo{ height:40px;} #Content7 .contact .contactHead .w1170 .text{ margin-top:15px; padding-top:8px;} #Content7 .contact .contactHead .w1170 .text dd{ line-height:24px; font-size:14px;} #Content7 .contact .contactHead .w1170 .text dd .ico{ line-height:30px; height:30px;} #Content7 .contactDown{ margin-top:30px;} #Content7 .ditu{ height:400px;} #Content7 .ditu .iw_poi_content{ font-size: 14px; line-height:24px;} #Content7 .ditu .BMap_pop{ background-size:contain; width:340px !important; height:70px; margin: 90px 0 0 190px;} } @media screen and (max-width:768px){ #Content7 .contact{ padding:20px 10px 30px 10px;} #Content7 .contact .contactHead .w370{ width:100%; height:auto;} #Content7 .contact .contactHead .w370 .p{ font-size:14px; line-height:22px;} #Content7 .contact .contactHead .w1170{ height:auto; width:100%; margin-top:10px; padding:15px 20px 10px 20px;} #Content7 .contact .contactHead .w1170 .text dd.d1{ width:100%;} #Content7 .contact .contactHead .w1170 .text dd{ line-height:26px; margin-top:5px;} #Content7 .contact .contactHead .w1170 .text dd .ico{ line-height:26px; height:26px;} #Content7 .ditu .BMap_pop{ background:white; margin: 130px 0 0 -10px; width:270px; height:auto;} #Content7 .contactDown{ margin-top:20px;} #Content7 .ditu{ height:300px;} #Content7 .ditu .iw_poi_content{ font-size: 12px; line-height:20px; padding:10px;} } #Content8{ width:100%; float:left; overflow:hidden;} .container-fluid{ padding:0; width:100%;} .container{ padding:0;} #Content8 .about1{ padding:54px 0 74px 0;} #Content8 .aboutHead{ width:100%; float:left; text-align:center;} #Content8 .aboutHead span{ display:inline-block; vertical-align:top; padding:0 5px; font-size:30px; color:#3eaf0c; line-height:49px; letter-spacing:1px; background:url(/template/theme/CN/2303_about1.png) repeat-x left bottom;} #Content8 .about1 .pic{ float:left; margin-top:62px; width:49%;} #Content8 .about1 .pic img{ float:left; width:100%;} #Content8 .about1 .text{ float:right; margin-top:58px; width:49%; font-size:16px; color:#666; line-height:30px; letter-spacing:1px;} #Content8 .about1 .text span{ color:#3eaf0c;} @media screen and (max-width:1570px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Content8 .about1{ padding:30px 10px 40px 10px;} #Content8 .aboutHead span{ font-size:24px; line-height:40px; letter-spacing:0px;} #Content8 .about1 .pic{ margin-top:30px;} #Content8 .about1 .text{ margin-top:30px; font-size:14px; line-height:24px; letter-spacing:0px;} } @media screen and (max-width:768px){ #Content8 .about1{ padding:20px 10px 25px 10px;} #Content8 .aboutHead span{ font-size:18px; line-height:30px;} #Content8 .about1 .pic{ margin-top:20px; width:100%;} #Content8 .about1 .text{ margin-top:20px; font-size:12px; line-height:20px; width:100%;} } #Content9{ width:100%; float:left; overflow:hidden;} .container-fluid{ padding:0; width:100%;} .container{ padding:0;} #Content9 .aboutHead{ width:100%; float:left; text-align:center;} #Content9 .aboutHead span{ display:inline-block; vertical-align:top; padding:0 5px; font-size:30px; color:#3eaf0c; line-height:49px; letter-spacing:1px; background:url(/template/theme/CN/2304_about1.png) repeat-x left bottom;} #Content9 .about2{ padding:55px 0; text-align:center; position:relative;} #Content9 .about2 .mb{ position:absolute; left:0; top:0; width:100%; height:100%; background:#3eaf0c; opacity:0.78; z-index:1;} #Content9 .about2 .container{ position:relative; z-index:2;} #Content9 .about2 .title{ width:100%; float:left; font-size:30px; color:white; line-height:44px; letter-spacing:1px; padding-bottom:31px; position:relative;} #Content9 .about2 .title:before{ content:''; position:absolute; left:50%; bottom:0;width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 14px solid white; margin-left:-8px;} #Content9 .about2 .p{ width:100%; float:left; font-size:16px; color:white; line-height:30px; letter-spacing:1px; margin-top:21px; padding:0 10%;} @media screen and (max-width:1570px){ #Content9 .about2 .p{ padding:0;} } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Content9 .aboutHead span{ font-size:24px; line-height:40px; letter-spacing:0px;} #Content9 .about2{ padding:25px 20px;} #Content9 .about2 .title{ font-size:24px; line-height:36px; letter-spacing:0px; padding-bottom:26px;} #Content9 .about2 .title:before{ border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 10px solid white; margin-left:-6px;} #Content9 .about2 .p{ font-size:14px; line-height:24px; letter-spacing:0px; margin-top:10px; padding:0 0;} } @media screen and (max-width:768px){ #Content9 .aboutHead span{ font-size:18px; line-height:30px;} #Content9 .about2{ padding:25px 15px;} #Content9 .about2 .title{ font-size:18px; line-height:30px; padding-bottom:20px;} #Content9 .about2 .p{ font-size:12px; line-height:20px;} } #Content10{ width:100%; float:left; overflow:hidden;} .container-fluid{ padding:0; width:100%;} .container{ padding:0;} #Content10 .aboutHead{ width:100%; float:left; text-align:center;} #Content10 .aboutHead span{ display:inline-block; vertical-align:top; padding:0 5px; font-size:30px; color:#3eaf0c; line-height:49px; letter-spacing:1px; background:url(/template/theme/CN/2305_about1.png) repeat-x left bottom;} #Content10 .about3{ padding:60px 0 74px 0; text-align:center; position:relative;} #Content10 .about3 ul{ width:100%; float:left; margin-top:77px; position:relative;} #Content10 .about3 ul li{ width:100%; float:left; padding:0 15px;} #Content10 .about3 ul li .zbox{ width:100%; float:left; height:424px; position:relative;} #Content10 .about3 ul li .zbox .text{ width:100%; position:absolute; left:0; bottom:0; background:#3eaf0c; background:rgba(62,175,12,0.86); padding:0 28px;-webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} #Content10 .about3 ul li .zbox .text .title{ width:100%; float:left; line-height:50px; color:white; font-size:20px; letter-spacing:1px;} #Content10 .about3 ul li .zbox .text .p{ display:none; margin-top:16px; line-height:30px; font-size:16px; letter-spacing:1px; color:white; width:100%; float:left; text-align:left;} #Content10 .about3 ul li .zbox:hover .text{ padding-top:18px; padding-bottom:31px;} #Content10 .about3 ul li .zbox:hover .text .title{ padding-bottom:9px; position:relative;} #Content10 .about3 ul li .zbox:hover .text .title:before{ content:''; width:40px; height:2px; background:white; position:absolute; left:50%; bottom:0; margin-left:-20px;} #Content10 .about3 ul li .zbox:hover .p{ display:block;} @media screen and (max-width:1570px){ } @media screen and (max-width:1200px){ #Content10 .about3 ul{ padding-bottom:40px;} #Content10 .about3 ul .slick-dots{width:100%; left:auto; right:0; line-height: 0; bottom:0px; text-align: center; padding:0; margin:0; position:absolute;} #Content10 .about3 ul .slick-dots li{width:8px !important; height: 8px; background-color:#3eaf0c; float:none; padding:0; margin:0 6px; opacity:0.6; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;} #Content10 .about3 ul .slick-dots li.slick-active{ opacity:1;} } @media screen and (max-width:992px){ #Content10 .aboutHead span{ font-size:24px; line-height:40px; letter-spacing:0px;} #Content10 .about3{ padding:30px 10px 40px 10px;} #Content10 .about3 ul{ margin-top:40px; padding-bottom:30px;} #Content10 .about3 ul li{ padding:0 5px;} #Content10 .about3 ul li .zbox{ height:350px;} #Content10 .about3 ul li .zbox .text{ padding:0 10px;} #Content10 .about3 ul li .zbox .text .title{ line-height:40px; font-size:16px; letter-spacing:0px;} #Content10 .about3 ul li .zbox .text .p{ margin-top:10px; line-height:24px; font-size:14px; letter-spacing:0px;} #Content10 .about3 ul li .zbox:hover .text{ padding-top:10px; padding-bottom:20px;} } @media screen and (max-width:768px){ #Content10 .aboutHead span{ font-size:18px; line-height:30px;} #Content10 .about3{ padding:20px 20px 20px 20px;} #Content10 .about3 ul{ margin-top:20px; padding-bottom:20px;} #Content10 .about3 ul li .zbox{ height:200px;} #Content10 .about3 ul li .zbox .text{ padding:0 5px;} #Content10 .about3 ul li .zbox .text .title{ line-height:30px; font-size:14px;} #Content10 .about3 ul li .zbox .text .p{ line-height:20px; font-size:12px;} #Content10 .about3 ul li .zbox:hover .text{ padding-top:10px; padding-bottom:10px;} #Content10 .about3 ul li .zbox:hover .text .title{ padding-bottom:6px;} #Content10 .about3 ul li .zbox:hover .text .title:before{ width:20px; height:1px; margin-left:-10px;} #Content10 .about3 ul .slick-dots li{ margin:0 3px;} } #Content11{ width:100%; float:left; overflow:hidden;} .container-fluid{ padding:0; width:100%;} .container{ padding:0;} #Content11 .aboutHead{ width:100%; float:left; text-align:center;} #Content11 .aboutHead span{ display:inline-block; vertical-align:top; padding:0 5px; font-size:30px; color:#3eaf0c; line-height:49px; letter-spacing:1px; background:url(/template/theme/CN/2306_about1.png) repeat-x left bottom;} #Content11 .about2{ padding:55px 0; text-align:center; position:relative;} #Content11 .about2 .mb{ position:absolute; left:0; top:0; width:100%; height:100%; background:#3eaf0c; opacity:0.78; z-index:1;} #Content11 .about2 .container{ position:relative; z-index:2;} #Content11 .about2 .title{ width:100%; float:left; font-size:30px; color:white; line-height:44px; letter-spacing:1px; padding-bottom:31px; position:relative;} #Content11 .about2 .title:before{ content:''; position:absolute; left:50%; bottom:0;width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 14px solid white; margin-left:-8px;} #Content11 .about2 .p{ width:100%; float:left; font-size:16px; color:white; line-height:30px; letter-spacing:1px; margin-top:21px; padding:0 10%;} @media screen and (max-width:1570px){ #Content11 .about2 .p{ padding:0;} } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Content11 .aboutHead span{ font-size:24px; line-height:40px; letter-spacing:0px;} #Content11 .about2{ padding:25px 20px;} #Content11 .about2 .title{ font-size:24px; line-height:36px; letter-spacing:0px; padding-bottom:26px;} #Content11 .about2 .title:before{ border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 10px solid white; margin-left:-6px;} #Content11 .about2 .p{ font-size:14px; line-height:24px; letter-spacing:0px; margin-top:10px; padding:0 0;} } @media screen and (max-width:768px){ #Content11 .aboutHead span{ font-size:18px; line-height:30px;} #Content11 .about2{ padding:25px 15px;} #Content11 .about2 .title{ font-size:18px; line-height:30px; padding-bottom:20px;} #Content11 .about2 .p{ font-size:12px; line-height:20px;} } #Content12{ width:100%; float:left; overflow:hidden;} .container-fluid{ padding:0; width:100%;} .container{ padding:0;} #Content12 .aboutHead{ width:100%; float:left; text-align:center;} #Content12 .aboutHead span{ display:inline-block; vertical-align:top; padding:0 5px; font-size:30px; color:#3eaf0c; line-height:49px; letter-spacing:1px; background:url(/template/theme/CN/2407_about1.png) repeat-x left bottom;} #Content12 .about4{ padding:79px 0;} #Content12 .about4 li{ width:100%; float:left;} #Content12 .about4 li .pic{ float:left; width:50%; height:358px;} #Content12 .about4 li .text{ float:right; display:table; width:44.9%; display:table; height:358px;} #Content12 .about4 li .text span{ display:table-cell; width:100%; vertical-align:middle;} #Content12 .about4 li .text span .aboutHead{ text-align:left;} #Content12 .about4 li .text span .p{ width:100%; float:left; margin-top:36px; font-size:16px; color:#666; line-height:30px; letter-spacing:1px;} #Content12 .about4 li.l1 .pic{ float:right;} #Content12 .about4 li.l1 .text{ float:left;} @media screen and (max-width:1570px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Content12 .aboutHead span{ font-size:24px; line-height:40px; letter-spacing:0px;} #Content12 .about4{ padding:40px 20px;} #Content12 .about4 li .pic{ height:300px;} #Content12 .about4 li .text{ height:300px;} #Content12 .about4 li .text span .p{ margin-top:26px; font-size:14px; line-height:24px; letter-spacing:0px;} } @media screen and (max-width:768px){ #Content12 .aboutHead span{ font-size:18px; line-height:30px;} #Content12 .about4{ padding:10px;} #Content12 .about4 li{ margin:10px 0;} #Content12 .about4 li .pic{ height:150px; width:100%;} #Content12 .about4 li .text{ width:100%; height:150px;} #Content12 .about4 li .text span .p{ margin-top:16px; font-size:12px; line-height:20px;} #Content12 .about4 li .text span .aboutHead{ margin-top:15px;} } #Content13{ width:100%; float:left; overflow:hidden;} .container-fluid{ padding:0; width:100%;} .container{ padding:0;} #Content13 .rlzy{ width:100%; float:left; padding:65px 0 72px 0;} #Content13 .rlzy .h_zp{ width:100%; float:left; background:#3eaf0c; color:#fff; font-size:16px; line-height:60px; font-weight:bold;} #Content13 .rlzy .h_zp .d1{ width:25.48%; padding-left:35px; float:left;} #Content13 .rlzy .h_zp .d2{ width:7.32%; text-align:center; float:left;} #Content13 .rlzy .h_zp .d3{ width:24.46%; text-align:center; float:left; margin-left:1.91%;} #Content13 .rlzy .h_zp .d4{ width:10.45%; text-align:center; float:left;} #Content13 .rlzy .h_zp .d5{ width:18.28%; text-align:center; float:left; margin-left:3.12%;} #Content13 .rlzy .chancecontain{ position:relative; width:100%; float:left; z-index:2;} #Content13 .rlzy .chancecontain ul{ float:left; width:100%; min-height:400px;} #Content13 .rlzy .chancecontain ul li{ float:left; width:100%; background:#f5f5f5; margin-top:10px; position:relative; z-index:11; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; font-size:16px; color:#333; line-height:60px; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} #Content13 .rlzy .chancecontain ul li .d1{ width:25.48%; padding-left:35px; float:left;} #Content13 .rlzy .chancecontain ul li .d2{ width:7.32%; text-align:center; float:left;} #Content13 .rlzy .chancecontain ul li .d3{ width:24.46%; text-align:center; float:left; margin-left:1.91%;} #Content13 .rlzy .chancecontain ul li .d4{ width:10.45%; text-align:center; float:left;} #Content13 .rlzy .chancecontain ul li .d5{ width:18.28%; text-align:center; float:left; margin-left:3.12%;} #Content13 .rlzy .chancecontain .deta{ width:100%; padding:0 35px; left:0; top:0; overflow:hidden; position:relative; background:#fbfbfb; display: none;} #Content13 .rlzy .chancecontain .deta .condata{ float:left; width:100%; padding:44px 0 43px 0; } #Content13 .rlzy .chancecontain .deta .condata .tdata{ float:left; width:100%;} #Content13 .rlzy .chancecontain .deta .condata .l_710{ float:left; width:48%; font-size:14px; color: #666; line-height: 28px;} #Content13 .rlzy .chancecontain .deta .condata .l_710 span{ display: block; font-size: 16px; color:#333; line-height:25px; margin-bottom:5px;} #Content13 .rlzy .chancecontain .deta .condata .r_455{ float:right; width:50%; padding:0 0 0 5%; background:url(/template/theme/CN/2408_jrwm2.png) no-repeat left center; font-size:14px; color: #666; line-height: 28px; border-left:solid 1px #e7e7e7;} #Content13 .rlzy .chancecontain .deta .condata .r_455 span{ display: block; font-size: 16px; color:#333; line-height:25px; margin-bottom:5px;} #Content13 .rlzy .chancecontain .deta .condata .ddata{ float:left; width:100%; margin-top:30px;} #Content13 .rlzy .chancecontain .deta .condata .d710z{float:left; width:48%; font-size:14px; color: #666; line-height:28px;} #Content13 .rlzy .chancecontain .deta .condata .d710z a{ color:#666;} #Content13 .rlzy .chancecontain .deta .condata .d710y{ float:right; width:50%; padding:0 0 0 90px;} #Content13 .rlzy .chancecontain .deta .condata .d710y .a_134{ float:left; width:134px; height:35px; margin-top:7px; color:#fff; font-size:14px; text-align:center; line-height:35px;-webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg); background:#3eaf0c;} #Content13 .rlzy .chancecontain .deta .condata .d710y .a_134 span{ display:inline-block; -webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg);} #lermore1{ width:86px; float:right; height:60px; background:url(/template/theme/CN/2408_jrwm1.png) no-repeat center; cursor:pointer; border-left:solid 1px white;} #Content13 .rlzy .chancecontain ul li.hover #lermore1{ background:url(/template/theme/CN/2408_jrwm1_h.png) no-repeat center;} #Content13 .rlzy .chancecontain ul li.hover{ background:#3eaf0c; color:white;} @media screen and (max-width:1570px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Content13 .rlzy{ padding:30px 0 40px 0;} #Content13 .rlzy .h_zp{ font-size:14px;} #Content13 .rlzy .chancecontain ul li{ font-size:14px;} #Content13 .rlzy .chancecontain .deta{ padding:0 20px;} #Content13 .rlzy .chancecontain .deta .condata{ padding:22px 0 20px 0; } #Content13 .rlzy .h_zp .d2,#Content13 .rlzy .chancecontain ul li .d2{ width:9.23%;} #Content13 .rlzy .h_zp .d3,#Content13 .rlzy .chancecontain ul li .d3,#Content13 .rlzy .chancecontain ul li .d5{ margin-left:0%;} } @media screen and (max-width:768px){ #Content13 .rlzy{ padding:20px 0 30px 0;} #Content13 .rlzy .h_zp{ margin-top:11px; line-height:50px; padding:0 10px;} #Content13 .rlzy .chancecontain ul{ padding:0 10px;} #Content13 .rlzy .chancecontain ul li{ line-height:50px;} #Content13 .rlzy .chancecontain .deta{ padding:0 15px;} #Content13 .rlzy .chancecontain .deta .condata{ padding:9px 0 5px 0; } #Content13 .rlzy .chancecontain ul li .d3,#Content13 .rlzy .chancecontain ul li .d4,#Content13 .rlzy .chancecontain ul li .d5,#Content13 .rlzy .h_zp .d3,#Content13 .rlzy .h_zp .d4,#Content13 .rlzy .h_zp .d5{ display:none;} #Content13 .rlzy .chancecontain ul li .d1,#Content13 .rlzy .h_zp .d1{ width:60%; padding-left:20px;} #Content13 .rlzy .chancecontain ul li .d2,#Content13 .rlzy .h_zp .d2{ width:25%;} #lermore1{ width:50px; height:50px; background-size:contain; position:absolute; right:0; top:0;} #Content13 .rlzy .chancecontain .deta .condata .l_710,#Content13 .rlzy .chancecontain .deta .condata .r_455,#Content13 .rlzy .chancecontain .deta .condata .d710z,#Content13 .rlzy .chancecontain .deta .condata .d710y{ width:100%; padding-left:0;} #Content13 .rlzy .chancecontain .deta .condata .l_710 span,#Content13 .rlzy .chancecontain .deta .condata .r_455 span{ font-size:14px;} #Content13 .rlzy .chancecontain .deta .condata .r_455{ background:none; border-left:0;} #Content13 .rlzy .chancecontain .deta .condata .d710z{ font-size:13px; line-height:24px;} #Content13 .rlzy .chancecontain .deta .condata .d710y{ margin-top:10px;} #Content13 .rlzy .chancecontain .deta .condata .l_710{ font-size:12px; line-height: 22px;} #Content13 .rlzy .chancecontain .deta .condata .r_455{ font-size:12px; line-height: 22px;} #Content13 .rlzy .chancecontain .deta .condata .ddata{ margin-top:10px;} #Content13 .rlzy .chancecontain .deta .condata .d710y .a_134{ width:100px; height:30px; margin-top:0px; line-height:30px;} } #List2{ width:100%; float:left; overflow:hidden;} .container-fluid{ padding:0; width:100%;} .container{ padding:0;} #List2 .product1{ margin-top:20px;} #List2 .product1 ul{ width:100%; float:left;} #List2 .product1 ul li{ width:25%; float:left; padding:20px 15px 34px 15px; margin-top:24px;} #List2 .product1 ul li a{ display:block; float:left; background:white; box-shadow:0 4px 10px rgba(0,0,0,0.14); padding:10px 10px 20px 10px; width:100%; position:relative; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;} #List2 .product1 ul li a .pic{ width:100%; float:left; padding-bottom:100%; position:relative; overflow:hidden; background:#f0f0f0; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;} #List2 .product1 ul li a .pic img{ width:100%; position:absolute; left:0; top:0; min-height:100%; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: width all 0.3s linear;} #List2 .product1 ul li a:hover .pic img{transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);} #List2 .product1 ul li a .title{ width:100%; float:left; text-align:center; line-height:62px; height:62px; font-size:20px; color:#333; letter-spacing:1px;} #List2 .product1 ul li a .detail{ background:url(/template/theme/CN/2409_index6.png) no-repeat center center #cdcdcd; width:42px; height:42px; position:absolute; left:50%; bottom:-21px; overflow:hidden; margin-left:-21px; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #List2 .product1 ul li a:hover .detail{ background-color:#3eaf0c;} @media screen and (max-width:1570px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #List2 .product1 ul{ width:100%; margin:0 0; padding:0 20px;} #List2 .product1 ul li{ padding:15px 10px 24px 10px; margin-top:12px;} #List2 .product1 ul li a{ padding:5px 5px 10px 5px;} #List2 .product1 ul li a .title{ line-height:40px; height:40px; font-size:16px; letter-spacing:0px;} #List2 .product1 ul li a .detail{ background-size:contain; width:34px; height:34px; bottom:-17px; margin-left:-17px;} } @media screen and (max-width:768px){ #List2 .product1 ul li{ padding:10px 5px 15px 5px; width:50%; margin-top:0;} #List2 .product1 ul li a{ box-shadow:0 2px 5px rgba(0,0,0,0.1);} #List2 .product1 ul li a .title{ line-height:30px; height:30px; font-size:14px;} #List2 .product1 ul li a .detail{ display:none; background-size:contain; width:34px; height:34px; bottom:-17px; margin-left:-17px;} } #Subpage2{ width:100%; float:left; overflow:hidden;} .container-fluid{ padding:0; width:100%;} .container{ padding:0;} /*产品详情*/ #Subpage2 .product2{ width:100%; float:left; margin-top:65px;} #Subpage2 .product2 .content1{ width:100%; float:left;} #Subpage2 .product2 .content1 .backLeft{ float: left; width: 53.43%; padding: 6px 0;} #Subpage2 .product2 .content1 .backLeft .backBig{ float: left; width:76.4%; } #Subpage2 .product2 .content1 .backLeft .backBigBox{ width:100%; float:left; position:relative;} #Subpage2 .product2 .content1 .backLeft .backBigBox .slick-slide{ padding: 0;} #Subpage2 .product2 .content1 .backLeft .backSmall{ float: right; width:19.8%; } #Subpage2 .product2 .content1 .backLeft .backSmallBox{ margin: -15px 0;} #Subpage2 .product2 .content1 .backLeft .backSmallBox .slick-slide{ padding:15px 0; cursor: pointer;} #Subpage2 .product2 .content1 .backLeft .backSmallBox .imgk{ width:100%; float:left; position: relative; border:solid 2px white; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;} #Subpage2 .product2 .content1 .backLeft .backSmallBox .imgk img{ width:100%; float:left;} #Subpage2 .product2 .content1 .backLeft .backSmallBox .imgk::after{ display: none; content: ''; position: absolute; top: -2px; left: -2px; width: 100%; height: 100%; border: #C01 solid 2px; outline:0; box-sizing: content-box; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;} #Subpage2 .product2 .content1 .backLeft .backSmallBox .slick-current .imgk::after{ display: block; } #Subpage2 .product2 .content1 .backLeft .backSmallBox .slick-prev, #Subpage2 .product2 .content1 .backLeft .backSmallBox .slick-next { position: absolute; left:0px; top: auto; bottom:-65px; display: block; width: 67px; height: 46px; padding: 0; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); cursor: pointer; color: transparent; border: none; outline: none; background:url(/template/theme/CN/2410_product3.png) no-repeat left center #7f7f7f; z-index:100; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; } #Subpage2 .product2 .content1 .backLeft .backSmallBox .slick-next{ left:auto; right:0px; background-position:right center; } #Subpage2 .product2 .content1 .backLeft .backSmallBox .slick-prev:hover, #Subpage2 .product2 .content1 .backLeft .backSmallBox .slick-next:hover{ background-color:#3eaf0c;} #Subpage2 .product2 .content1 .text{ width:42.67%; float:right;} #Subpage2 .product2 .content1 .text .title{ width:100%; float:left; border-bottom:solid 1px #e5e5e5;} #Subpage2 .product2 .content1 .text .title span{ font-size:30px; color:#3eaf0c; line-height:30px; letter-spacing:1px; font-weight:bold; text-transform:uppercase; padding-bottom:46px; position:relative; float:left;} #Subpage2 .product2 .content1 .text .title span:before{ content:''; width:100%; height:3px; background:#3eaf0c; position:absolute; left:0; bottom:-2px;} #Subpage2 .product2 .content1 .text .p{ width:100%; float:left; margin-top:43px; font-size:16px; color:#666; line-height:30px; letter-spacing:1px;} #Subpage2 .product2 .content1 .text .btn{ width:100%; float:left; margin-top:46px; padding:14px 0; border-top:solid 1px #dcdcdc; border-bottom:solid 1px #dcdcdc;} #Subpage2 .product2 .content1 .text .btn a{ display:block; float:left; font-size:16px; color:#666; line-height:32px; letter-spacing:1px;} #Subpage2 .product2 .content1 .text .btn a img{ vertical-align:middle; margin:-3px 20px 0 0; width:22px;} #Subpage2 .product2 .content1 .text .fx{ width:100%; float:left; margin-top:23px;} #Subpage2 .product2 .content1 .text .fx span{ display:block; float:left; font-size:16px; color:#666; line-height:38px; letter-spacing:1px;} #Subpage2 .product2 .content1 .text .fx .bdsharebuttonbox{ float:left; width:auto;} #Subpage2 .product2 .content1 .text .fx .bdsharebuttonbox a{ display:block; width:38px; height:38px; padding:0; margin:0 5px !important; float:left; background-size:contain; background-repeat:no-repeat; background-position:center center;} #Subpage2 .product2 .content1 .text .fx .bdsharebuttonbox a.a1{ background-image:url(/template/theme/CN/2410_product4.png);} #Subpage2 .product2 .content1 .text .fx .bdsharebuttonbox a.a2{ background-image:url(/template/theme/CN/2410_product5.png);} #Subpage2 .product2 .content1 .text .fx .bdsharebuttonbox a.a3{ background-image:url(/template/theme/CN/2410_product6.png);} #Subpage2 .product2 .content1 .text .fx .bdsharebuttonbox a.a4{ background-image:url(/template/theme/CN/2410_product7.png);} #Subpage2 .product2 .content1 .text .fx .bdsharebuttonbox a.a5{ background-image:url(/template/theme/CN/2410_product8.png);} #Subpage2 .product2 .content1 .text .fx .bdsharebuttonbox a.a6{ background-image:url(/template/theme/CN/2410_product9.png);} #Subpage2 .product2 .content1 .text .fx .bdsharebuttonbox a.a1:hover{ background-image:url(/template/theme/CN/2410_product4_h.png);} #Subpage2 .product2 .content1 .text .fx .bdsharebuttonbox a.a2:hover{ background-image:url(/template/theme/CN/2410_product5_h.png);} #Subpage2 .product2 .content1 .text .fx .bdsharebuttonbox a.a3:hover{ background-image:url(/template/theme/CN/2410_product6_h.png);} #Subpage2 .product2 .content1 .text .fx .bdsharebuttonbox a.a4:hover{ background-image:url(/template/theme/CN/2410_product7_h.png);} #Subpage2 .product2 .content1 .text .fx .bdsharebuttonbox a.a5:hover{ background-image:url(/template/theme/CN/2410_product8_h.png);} #Subpage2 .product2 .content1 .text .fx .bdsharebuttonbox a.a6:hover{ background-image:url(/template/theme/CN/2410_product9_h.png);} #Subpage2 .product2 .content2{ width:100%; float:left; margin-top:69px;} #Subpage2 .product2 .content2 .content2_head{ width:100%; background:url(/template/theme/CN/2410_product10.png) #3eaf0c; text-align:center; float:left; overflow:hidden;} #Subpage2 .product2 .content2 .content2_head.on{ padding:30px 0 6px 0; position:fixed; width:1250px; left:50%; top:122px; margin-left:-625px; overflow:visible; z-index:6;} .h_80.on{ height:80px;} #Subpage2 .product2 .content2 .content2_head:before{ width:0; height:100%; position:absolute; left:50%; top:0; background:#f5f5f5; content:''; z-index:-1;} #Subpage2 .product2 .content2 .content2_head.on:before{ width:2000px; margin-left:-1000px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} #Subpage2 .product2 .content2 .content2_head li{ width:50%; float:left; position:relative; cursor:pointer; height:132px; padding-top:30px;} #Subpage2 .product2 .content2 .content2_head li:before{ content:''; width:1px; height:72px; background:white; opacity:0.3; position:absolute; left:0; top:50%; margin-top:-36px;} #Subpage2 .product2 .content2 .content2_head li:after{ content:''; background:url(/template/theme/CN/2410_product13.png) no-repeat top center; width:20px; height:10px; position:absolute; left:50%; bottom:0; margin-left:-10px; display:none;} #Subpage2 .product2 .content2 .content2_head li .ico{ display:inline-block; vertical-align:top; width:42px; height:42px; border:solid 1px #fff; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #Subpage2 .product2 .content2 .content2_head li .ico img{ width:100%; float:left;} #Subpage2 .product2 .content2 .content2_head li h5{ width:100%; float:left; margin-top:10px; font-size:16px; color:#fff; line-height:25px;} #Subpage2 .product2 .content2 .content2_head li:first-child:before{ display:none;} #Subpage2 .product2 .content2 .content2_head li.on:after{ display:block;} #Subpage2 .product2 .content2 .content2_body{ width:100%; float:left; margin-top:48px;} #Subpage2 .product2 .content2 .content2_body .text{ width:100%; float:left; padding-left:259px; position:relative; font-size:16px; color:#666; line-height:30px; letter-spacing:1px;} #Subpage2 .product2 .content2 .content2_body .text h4{ position:absolute; left:0; top:0; font-size:28px; line-height:40px;} #Subpage2 .product2 .content2 .content2_down{ width:100%; float:left; border-top:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5; margin-top:50px;} #Subpage2 .product2 .content2 .content2_down h5{ width:40%; float:left; font-size:16px; color:#3eaf0c; line-height:54px;} #Subpage2 .product2 .content2 .content2_down h5 a{ display:inline-block; vertical-align:top; color:#666; letter-spacing:1px; max-width:80%;} #Subpage2 .product2 .content2 .content2_down h5.last{ float:right; text-align:right;} #Subpage2 .product2 .content2 .content2_down .return{ width:20%; text-align:center; float:left;} #Subpage2 .product2 .content2 .content2_down .return a{ display:block; width:100%; font-size:16px; color:#3eaf0c; line-height:54px;} #Subpage2 .product2 .content2 .content2_down a:hover{ color:#3eaf0c; } #Subpage2 .product3{ width:100%; float:left; margin-top:67px; padding-bottom:43px;} #Subpage2 .product3 .product3Head{ width:100%; float:left; background:url(/template/theme/CN/2410_product10.png) #3eaf0c; height:58px; line-height:58px; padding:0 22px; font-size:22px; color:white; font-weight:bold;} #Subpage2 .product3 .product3Head img{ vertical-align:middle; margin:-3px 12px 0 0; width:26px;} #Subpage2 .product3 .product3Head a{ float:right; font-size:16px; color:white; font-weight:normal;} #Subpage2 .product3 .product3Head a:hover{ text-decoration:underline;} #Subpage2 .product3 ul{ width:100%; float:left; position:relative; margin-top:34px;} #Subpage2 .product3 ul li{ width:100%; float:left; padding:20px 15px 34px 15px; margin-top:24px;} #Subpage2 .product3 ul li a{ display:block; float:left; background:white; box-shadow:0 4px 10px rgba(0,0,0,0.14); padding:10px 10px 20px 10px; width:100%; position:relative; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;} #Subpage2 .product3 ul li a .pic{ width:100%; float:left; padding-bottom:100%; position:relative; overflow:hidden; background:#f0f0f0; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;} #Subpage2 .product3 ul li a .pic img{ width:100%; position:absolute; left:0; top:0; min-height:100%; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: width all 0.3s linear;} #Subpage2 .product3 ul li a:hover .pic img{transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);} #Subpage2 .product3 ul li a .title{ width:100%; float:left; text-align:center; line-height:62px; height:62px; font-size:20px; color:#333; letter-spacing:1px;} #Subpage2 .product3 ul li a .detail{ background:url(/template/theme/CN/2410_index6.png) no-repeat center center #cdcdcd; width:42px; height:42px; position:absolute; left:50%; bottom:-21px; overflow:hidden; margin-left:-21px; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #Subpage2 .product3 ul li a:hover .detail{ background-color:#3eaf0c;} @media screen and (max-width:1570px){ #Subpage2 .product2 .content1 .backLeft .backSmallBox{ margin: -5px 0;} #Subpage2 .product2 .content1 .backLeft .backSmallBox .slick-slide{ padding:5px 0;} #Subpage2 .product2 .content1 .backLeft .backSmallBox .slick-prev, #Subpage2 .product2 .content1 .backLeft .backSmallBox .slick-next{ width:55px; background-size:110px;} #Subpage2 .product2 .content1 .text .title span{ padding-bottom:23px;} #Subpage2 .product2 .content1 .text .p{ margin-top:21px;} #Subpage2 .product2 .content1 .text .btn{ margin-top:23px;} } @media screen and (max-width:1200px){ #Subpage2 .product2 .content1 .backLeft .backBig{ width:100%;} #Subpage2 .product2 .content1 .backLeft .backSmall{ width:100%;} #Subpage2 .product2 .content1 .backLeft .backSmallBox .slick-prev, #Subpage2 .product2 .content1 .backLeft .backSmallBox .slick-next{ bottom:50%; margin-bottom:-23px; transform:rotate(90deg);} #Subpage2 .product2 .content1 .backLeft .backSmallBox{ padding:0 60px;} #Subpage2 .product3 ul{ margin-top:20px;} } @media screen and (max-width:992px){ #Subpage2 .product2{ margin-top:30px;} #Subpage2 .product2 .content1{ padding:0 10px;} #Subpage2 .product2 .content1 .backLeft .backSmall{ display:none;} #Subpage2 .product2 .content1 .backLeft .backBigBox .slick-dots { position: absolute; bottom: 25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } #Subpage2 .product2 .content1 .backLeft .backBigBox .slick-dots li { position: relative; display: inline-block; width: 8px; height: 8px; margin: 0 4px; padding: 0; background:white; cursor: pointer; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; } #Subpage2 .product2 .content1 .backLeft .backBigBox .slick-dots li button { display:none;} #Subpage2 .product2 .content1 .backLeft .backBigBox .slick-dots li.slick-active { background:#3eaf0c; } #Subpage2 .product2 .content1 .text .title{ font-size:16px; line-height:26px;} #Subpage2 .product2 .content1 .text .title span{ font-size:22px; line-height:26px; padding-bottom:12px;} #Subpage2 .product2 .content1 .text .p{ margin-top:10px; font-size:14px; line-height:26px;} #Subpage2 .product2 .content1 .text .btn{ margin-top:21px; padding:7px 0;} #Subpage2 .product2 .content1 .text .btn a{ font-size:14px; line-height:26px;} #Subpage2 .product2 .content1 .text .btn a img{ margin:-3px 12px 0 0; width:18px;} #Subpage2 .product2 .content1 .text .fx{ margin-top:12px;} #Subpage2 .product2 .content1 .text .fx span{ line-height:32px; font-size:14px;} #Subpage2 .product2 .content1 .text .fx .bdsharebuttonbox a{ width:32px; height:32px;} #Subpage2 .product2 .content2{ margin-top:35px;} #Subpage2 .product2 .content2 .content2_head li{ height:90px; padding-top:15px;} #Subpage2 .product2 .content2 .content2_head li:before{ height:60px; margin-top:-30px;} #Subpage2 .product2 .content2 .content2_head li:after{ background-size:contain; width:16px; height:6px; margin-left:-8px;} #Subpage2 .product2 .content2 .content2_head li .ico{ width:36px; height:36px;} #Subpage2 .product2 .content2 .content2_head li h5{ margin-top:6px; font-size:14px; line-height:23px;} #Subpage2 .product2 .content2 .content2_body{ margin-top:24px; padding:0 10px;} #Subpage2 .product2 .content2 .content2_body .text{ padding-left:200px; font-size:14px; line-height:24px; letter-spacing:0px;} #Subpage2 .product2 .content2 .content2_body .text h4{ font-size:22px; line-height:30px;} #Subpage2 .product2 .content2 .content2_down{ margin-top:25px; padding:0 10px;} #Subpage2 .product2 .content2 .content2_down h5{ font-size:14px; line-height:44px;} #Subpage2 .product2 .content2 .content2_down .return a{ font-size:14px; line-height:44px;} #Subpage2 .product3{ margin-top:35px; padding-bottom:22px;} #Subpage2 .product3 .product3Head{ height:50px; line-height:50px; padding:0 15px; font-size:16px;} #Subpage2 .product3 .product3Head img{ margin:-3px 8px 0 0; width:20px;} #Subpage2 .product3 .product3Head a{ font-size:14px;} #Subpage2 .product3 ul{ width:100%; margin:0 0; padding:0 20px;} #Subpage2 .product3 ul li{ padding:15px 10px 24px 10px; margin-top:12px;} #Subpage2 .product3 ul li a{ padding:5px 5px 10px 5px;} #Subpage2 .product3 ul li a .title{ line-height:40px; height:40px; font-size:16px; letter-spacing:0px;} #Subpage2 .product3 ul li a .detail{ background-size:contain; width:34px; height:34px; bottom:-17px; margin-left:-17px;} } @media screen and (max-width:768px){ #Subpage2 .product2 .content1 .backLeft{ width:100%;} #Subpage2 .product2 .content1 .text{ margin-left:0; width:100%; margin-top:10px; float:left;} #Subpage2 .product2 .content1 .text .title span{ font-size:16px; line-height:20px;} #Subpage2 .product2 .content1 .text .p{ margin-top:10px; font-size:12px; line-height:22px;} #Subpage2 .product2 .content1 .text .btn{ margin-top:11px; padding:5px 0;} #Subpage2 .product2 .content1 .text .btn a{ font-size:12px; line-height:24px;} #Subpage2 .product2 .content1 .text .btn a img{ margin:-3px 8px 0 0; width:16px;} #Subpage2 .product2 .content1 .text .fx{ margin-top:8px; display:none;} #Subpage2 .product2 .content1 .text .fx span{ font-size:14px; line-height:32px;} #Subpage2 .product2 .content1 .text .fx .bdsharebuttonbox a{ width:32px; height:32px; margin:0 3px !important; background-size:38px 38px;} #Subpage2 .product2 .content2{ margin-top:20px;} #Subpage2 .product2 .content2 .content2_head li{ height:70px; padding-top:10px;} #Subpage2 .product2 .content2 .content2_head li:before{ height:50px; margin-top:-25px;} #Subpage2 .product2 .content2 .content2_head li:after{ width:14px; height:4px; margin-left:-7px;} #Subpage2 .product2 .content2 .content2_head li .ico{ width:30px; height:30px;} #Subpage2 .product2 .content2 .content2_head li h5{ margin-top:4px; font-size:12px; line-height:21px;} #Subpage2 .product2 .content2 .content2_body{ margin-top:12px;} #Subpage2 .product2 .content2 .content2_body .text{ padding-left:80px; font-size:12px; line-height:22px;} #Subpage2 .product2 .content2 .content2_body .text h4{ font-size:16px; line-height:26px;} #Subpage2 .product2 .content2 .content2_down{ margin-top:15px; position:relative; padding:5px 60px 5px 10px;} #Subpage2 .product2 .content2 .content2_down h5{ width:100%; line-height:23px; font-size:12px;} #Subpage2 .product2 .content2 .content2_down h5 span{ display:none;} #Subpage2 .product2 .content2 .content2_down h5 a{ float:right; width:80%;} #Subpage2 .product2 .content2 .content2_down h5.last{ text-align:left;} #Subpage2 .product2 .content2 .content2_down h5 img{ display:none;} #Subpage2 .product2 .content2 .content2_down .return{ position:absolute; right:0; top:5px; width:60px;} #Subpage2 .product2 .content2 .content2_down .return a{ line-height:46px;} #Subpage2 .product3{ margin-top:20px; padding-bottom:11px;} #Subpage2 .product3 .product3Head{ height:40px; line-height:40px; padding:0 10px; font-size:14px;} #Subpage2 .product3 .product3Head img{ margin:-3px 6px 0 0; width:16px;} #Subpage2 .product3 .product3Head a{ font-size:12px;} #Subpage2 .product3 ul li{ padding:10px 5px 15px 5px; margin-top:0;} #Subpage2 .product3 ul li a{ box-shadow:0 2px 5px rgba(0,0,0,0.1);} #Subpage2 .product3 ul li a .title{ line-height:30px; height:30px; font-size:14px;} #Subpage2 .product3 ul li a .detail{ display:none; background-size:contain; width:34px; height:34px; bottom:-17px; margin-left:-17px;} #Subpage2 .product3 ul{ padding-bottom:20px; position:relative;} #Subpage2 .product3 ul .slick-dots { position: absolute; bottom:0px; display: block; width: 100%; left:0; padding: 0; margin: 0; list-style: none; text-align: center; } #Subpage2 .product3 ul .slick-dots li { position: relative; display: inline-block; width: 8px; height: 8px; float:none; margin: 0 4px; padding: 0; background:#cdcdcd; cursor: pointer; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; } #Subpage2 .product3 ul .slick-dots li button { display:none;} #Subpage2 .product3 ul .slick-dots li.slick-active { background:#3eaf0c; } } #Content14{ width:100%; float:left; overflow:hidden;} .container-fluid{ padding:0; width:100%;} .container{ padding:0;} #Content14 .containerBox{ padding:60px 0; min-height:700px; font-size:18px; line-height:32px; width:100%; float:left; color:#333333;} @media screen and (max-width:1570px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Content14 .containerBox { padding:30px 0; min-height:400px; font-size:14px; line-height:24px;} } @media screen and (max-width:768px){ }